/* v103- 20170612*/
/* Inicio fuentes nuo */
@font-face {
    font-family: 'nuoOneIcons';
    src: url('fonts/nuoOneIcons.eot?zecun6');
    src: url('fonts/nuoOneIcons.eot?zecun6#iefix') format('embedded-opentype'),
    url('fonts/nuoOneIcons.ttf?zecun6') format('truetype'),
    url('fonts/nuoOneIcons.woff?zecun6') format('woff'),
    url('fonts/nuoOneIcons.svg?zecun6#nuoOneIcons') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

@font-face {
    font-family: 'nuoOneIcons3';
    src:  url('fonts/nuoOneIcons3.eot?m36a');
    src:  url('fonts/nuoOneIcons3.eot?m36a#iefix') format('embedded-opentype'),
    url('fonts/nuoOneIcons3.ttf?m36a') format('truetype'),
    url('fonts/nuoOneIcons3.woff?m36a') format('woff'),
    url('fonts/nuoOneIcons3.svg?m36a#nuoOneIcons3') format('svg');
    font-weight: normal;
    font-style: normal;
} /* Fin fuentes nuo */

.iconBefore,
[class^="i_"], [class*=" i_"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'nuoOneIcons', 'nuoOneIcons2', 'nuoOneIcons3' !important;
    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;
}

/* fonts */
.i_eye:before {
    content: "\e903";
}

.i_pencil:before {
    content: "\e904";
}

.i_door2:before {
    content: "\e905";
}

.i_door_open2:before {
    content: "\e906";
}

.i_not_allowed_foot:before {
    content: "\e907";
}

.i_man:before {
    content: "\e908";
}

.i_cancel:before {
    content: "\e909";
}

.i_yy-08:before {
    content: "\e90a";
}

.i_yy-09:before {
    content: "\e90b";
}

.i_unlock:before {
    content: "\e90c";
}

.i_wire:before {
    content: "\e90d";
}

.i_not_allowed:before {
    content: "\e90e";
}

.i_lock:before {
    content: "\e90f";
}

.i_door_open:before {
    content: "\e910";
}

.i_door:before {
    content: "\e91c";
}

.i_cacc:before {
    content: "\e91d";
}

.i_configuracion:before {
    content: "\e91e";
}

.i_audio:before {
    content: "\e91f";
}

.i_presencia:before {
    content: "\e920";
}

.i_automatizacion:before {
    content: "\e921";
}

.i_fuego:before {
    content: "\e922";
}

.i_informes:before {
    content: "\e923";
}

.i_notificaciones:before {
    content: "\e925";
}

.i_visitas:before {
    content: "\e926";
}

.i_instalacion:before {
    content: "\e927";
}

.i_alarma:before {
    content: "\e928";
}

.i_cctv:before {
    content: "\e929";
}

.i_grafic:before {
    content: "\e92a";
}

.i_mantenimiento:before {
    content: "\e92b";
}

.i_monitoring:before {
    content: "\ee930";
}

.i_no_assigned_doors:before {
    content: "\ee931";
}

.i_editor_chic:before {
    content: "\ee932";
}

.i_editor_clas:before {
    content: "\ee938";
}

.i_opt_command1:before {
    content: "\ee933";
    color: #000;
    font-weight: 100;
}

.i_opt_command2:before {
    content: "\ee934";
    color: #000;
    font-weight: 100;
}

.i_opt_cctv_visits:before {
    content: "\ee935";
    color: #000;
    font-weight: 100;
}

.i_opt_cctv_access:before {
    content: "\ee936";
    color: #000;
    font-weight: 100;
}

.i_opt_access_visits:before {
    content: "\ee937";
    color: #000;
    font-weight: 100;
}
.i_planimetria:before {
    content: "\e92c";
}

.i_rondas:before {
    content: "\e92d";
}

.i_tt6:before {
    content: "\ee939";
}

.i_assign_access_profile:before {
    content: "\ee940";
    font-weight: bold;
}
operator-visits-edit-user-extended .i_assign_access_profile:before,
users-extended .i_assign_access_profile:before {
    color: #337ab7;
}

.view4k operator-visits-edit-user-extended .i_assign_access_profile:before,
.view4k users-extended .i_assign_access_profile:before {
    color: #fff;
    font-size: 1.4em;
}

.i_access_profile_list:before {
    content: "\ee943";
    color: #fff;
}

.i_wire2:before {
    content: "\e914";
}

.i_eye2:before {
    content: "\e916";
}

.i_pencil2:before {
    content: "\e918";
}

.i_men2:before {
    content: "\e919";
}

.i_unlock2:before {
    content: "\e91a";
}

.i_lock2:before {
    content: "\e9e8";
}

.i_cancel2:before {
    content: "\e9e9";
}

.i_pi150:before {
    content: "\e900";
}

.i_not_allowed3:before {
    content: "\e913";
}

.i_wym_ip_server:before {
    content: "\e915";
}

.i_alert:before {
    content: "\e917";
}

.i_levels:before {
    content: "\e91b";
}

.i_not_allowed2:before {
    content: "\e924";
}

.i_cd6:before {
    content: "\e936";
}

.i_mio:before {
    content: "\e937";
}

.i_key:before {
    content: "\e938";
}

.i_surf:before {
    content: "\e939";
}

.i_cd:before {
    content: "\e93a";
}

.i_dc1_plus:before {
    content: "\e93b";
}

.i_radio:before {
    content: "\e93d";
}

.i_sdu10:before {
    content: "\e95d";
}

.i_sdu2:before {
    content: "\e95e";
}

.i_dc1:before {
    content: "\e95f";
}

.i_id:before {
    content: "\e971";
}

.i_pass:before {
    content: "\e978";
}

.i_flux:before {
    content: "\e988";
}

.i_swip:before {
    content: "\e989";
}

.i_matrik:before {
    content: "\e98a";
}

.i_matrik_ip:before {
    content: "\e98b";
}

.i_one-10:before {
    content: "\e98c";
}

.i_one-11:before {
    content: "\e98d";
}

.i_one-12:before {
    content: "\e98e";
}

.i_wym_pi150:before {
    content: "\e990";
}

.i_wym_voxter-:before {
    content: "\e991";
}

.i_wym_wili:before {
    content: "\e992";
}

.i_wym_consola:before {
    content: "\e9d0";
}

.i_cd_park:before {
    content: "\e9d1";
}

.i_cd_park_matrik-:before {
    content: "\e9d2";
}

.i_dc_lane:before {
    content: "\ee951";
}

.i_dc1_plus_2g:before,
.i_dc20_plus_2g:before,
.i_dc1_poe_2g:before,
.i_dc1_2g:before,
.i_charger_48v:before,
.i_charger_24v:before {
    content: "\ee952";
}

.i_dcs:before,
.i_dcx:before {
    content: "\ee953";
}

.i_dcs_park:before {
    content: "\ee958";
}

.i_watcher23-:before {
    content: "\e9d3";
}

.i_videowall:before {
    content: "\e9d4";
}

.i_watcher27:before {
    content: "\e9d5";
}

.i_visitas_cctv:before {
    content: "\e9d6";
}

.i_command:before {
    content: "\e9d7";
}

.i_central_alarma:before {
    content: "\e9d8";
}

.i_camara_ptz:before {
    content: "\e9d9";
}

.i_camara_domo:before {
    content: "\e9da";
}

.i_videograbador:before {
    content: "\e9db";
}

.i_camara_termica:before {
    content: "\e9dc";
}

.i_camara_360:before {
    content: "\e9dd";
}

.i_camara_pared:before {
    content: "\e9de";
}

.i_camara_bullet:before {
    content: "\e9df";
}

.i_vibracion:before {
    content: "\e9e0";
}

.i_volumetrico_pared:before {
    content: "\e9e1";
}

.i_sirena:before {
    content: "\e9e2";
}

.i_barrera_perimetral:before {
    content: "\e9e3";
}

.i_magnetico:before {
    content: "\e9e4";
}

.i_dc1_poe:before {
    content: "\e9e5";
}

.i_volumetrico_techo:before {
    content: "\e9e7";
}

.i_sdu10_park:before {
    content: "\e902";
}

.i_sdu_y:before {
    content: "\ee960";
}

.i_controlador_sin_com:before {
    content: "\e911";
}

.i_awa:before,
.i_awa_x:before {
    content: "\ee941";
}

.i_awa_l:before {
    content: "\ee961";
}

.i_awa_r:before {
    content: "\ee962";
}

.i_air:before,
.i_air_x:before,
.i_air_s:before {
    content: "\ee942";
}

.i_fly:before {
    content: "\ee963";
}

.i_tok:before {
    content: "\e98f";
}

.i_tok_moving:before {
    content: "\e93c";
}

.i_tok_knob:before {
    content: "\ee944";
}

.i_tok_toggle:before {
    content: "\ee945";
}

.i_tok_padlock:before {
    content: "\ee946";
}

.i_polo:before {
    content: "\ee947";
}

.i_golf:before {
    content: "\ee948";
}

.i_locker:before {
    content: "\ee949";
}

.i_moon_x:before {
    content: "\ee950";
}

.i_run:before {
    content: "\ee954";
}

.i_mio_2:before {
    content: "\ee955";
}

.i_id_v2:before {
    content: "\ee956";
}

.i_id_sky:before {
    content: "\ee957";
}

.i_luw:before {
    content: "\ee959";
}

.i_position:before {
    content: "\ee964";
}

.i_lighting:before {
    content: "\ee965";
}

.controller_con_com {
    font-size: 1.4em;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
}

.i_ti-back-right:before {
    content: "\e912";
}

.iconBefore {
    font-size: 18px;
    margin: 0px 7px 0 0;
}

.list-table-wrapper .list-table .table-header .thIcon {
    font-size: 1.4em;
    margin: 0px 5px 0 -5px;
    height: auto;
    line-height: 0.9em;
    font-weight: normal;
}

#page-wrapper.no-margin {
    margin: 0px;
}

body.mini-navbar #page-wrapper.full-page,
#page-wrapper.full-page {
    overflow-y: auto;
}

.list-table .main-column {
    display: flex;
    padding-right: 15px;
}

.list-table .table-row li.cutted {
    overflow: hidden;
    text-overflow: ellipsis;
}

.list-table .table-row.disabled-row {
    color: #c5c5c5;
    cursor: default;
}

.list-table .table-row li .standard-column span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 15px;
}

.list-table .table-row li .standard-column span .green{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 15px;
    color: #00ca40;
}
.list-table .table-row li .standard-column span.switch {
    overflow: visible;
}

.list-table .table-row li .standard-column div:not(.timetable-bullet):not(.tooltip):not(.tooltip-arrow):not(.tooltip-inner) {
    height: 100%;
}

#main-table #main-table-inner {
    margin-top: -40px;
}

#main-table #main-table-inner + .list-container{
    margin-top: 0;
}

#main-table-inner-row > li.first-group-columns > ul > li > i.tdIcon {
    font-size: 1.2em;
    height: auto;
    margin: 0px 5px 0 0;
    line-height: 0.9em;
}

#main-table-inner-row > li.first-group-columns > ul > li > i.tdIcon.ti-id-badge {
    font-size: 1.5em;
    height: auto;
    margin: 0px 5px 0 0;
    line-height: 0.7em;
    color: #999;
}
*:disabled:hover{
    cursor: not-allowed;
}
/*sizes*/

.w50px {
    width: 50px;
}

.w100 {
    width: 100%;
}

.w100-i {
    width:100% !important;
}

.w10-i {
    width: 10% !important;
}

.w5-i {
    width: 5% !important;
}

.list-table .standard-column.standard-colum-bigger {
    width: 200px;
}

.em3_2 {
    font-size: 3.2em;
}

.em2_2 {
    font-size: 2.2em;
}

.em1_4 {
    font-size: 1.4em;
}

.em1_6 {
    font-size: 2.2em;
}

.mall0 {
    margin: 0px;
}

.m-all-10 {
    margin: 10px;
}

.mt4 {
    margin-top: 4px;
}

.mt7 {
    margin-top: 7px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mt50 {
    margin-top: 50px;
}

.mt70 {
    margin-top: 70px;
}

.m-r {
    margin-right: 10px;
}

.mr5 {
    margin-right: 5px;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml20 {
    margin-left: 20px;
}

.mt15,
.mtBt {
    margin-top: 15px;
}

.mb0 {
    margin-bottom: 0px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 15px;
}

.mb30 {
    margin-bottom: 30px;
}


.fs15 {
    font-size: 15px;
}

.no-padding {
    padding: 0px;
}

.nPl {
    padding-left: 0;
}

.nPr {
    padding-right: 0;
}

.prl10 {
    padding: 0px 10px;
}

.prl20 {
    padding: 0px 20px;
}

.prl23 {
    padding: 0px 23px;
}

.prl24 {
    padding: 0px 24px;
}

.p10 {
    padding: 10px;
}

.pl0 {
    padding-left: 0px;
}

.pl10 {
    padding-left: 10px;
}

.pr10 {
    padding-left: 10px;
}

.pt20 {
    padding-top: 20px;
}

.pb20 {
    padding-bottom: 20px;
}

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

.default-cursor {
    cursor: default;
}

.pointer-cursor {
    cursor: pointer;
}

.userArea .clickable-icon.noMarg,
.noMarg {
    margin: 0;
}

.userArea .option-group.capacity-group .flex-group-right {
    width: 65%;
}

.userArea .option-group.capacity-group .flex-group-right .dropdown {
    margin-bottom: 5px;
}

.userArea .option-group.capacity-group .flex-group-right .dropdown .selected-value {
    text-align: center;
}

.userArea .option-group.capacity-group .flex-group-right .dropdown-menu {
    top: auto;
    bottom: 24px;
}

.btn-icon-count .label {
    padding: 0;
    text-align: center;
}

.btn-icon-count .label.blink {
    background-color: orange;
}

.login-main-container .login-version-text {
    font-size: 12px;
    font-weight: 300;
    margin-top: -30px;
}

.login-form-container .login-form {
    width: 390px;
}

.pre-login-main-container {
    padding-bottom: 400px;
}

.pre-login-main-container .pre-login-version-text {
    font-size: 12px;
    font-weight: 300;
    margin-top: -30px;
}

.pre-login-form-container .pre-login-form {
    width: initial;
}

.restore-password-popup .enrolment-popup {
    margin-top: 100px;
}

.restore-password-popup .enrolment-popup-subheader {
    height: 40px;
}

.restore-password-popup .btn-element {
    padding: 30px;
}

.restore-password-popup .btn-element button {
    margin-left: 40%;
}

.restore-password-popup .enrolment-popup-device-indicator {
    margin-top: 0px;
    margin-bottom: 50px;
}

.restore-password-popup .enrolment-popup-step-desc {
    font-size: 1.1em;
}

.restore-password-popup .enrolment-popup-step-desc.only-message {
    height: 160px;
    text-align: center;
    padding-top: 55px;
}

.restore-password-popup .ti-key {
    font-size: 1.2em;
    padding-right: 10px;
}

.restore-password-popup .error {
    font-size: 15px;
    color: #fc5759;
}

/* genericos*/
.green.bullet-primary {
    background-color: #00a500;
    border-color: #00a500;
}

.red.bullet-primary {
    background-color: #cd3333;
    border-color: #cd3333;
}

.orange.bullet-primary {
    background-color: #cb8814;
    border-color: #cb8814;
}

.grey.bullet-primary {
    background-color: #9e9e9e;
    border-color: #9e9e9e;
}

.green {
    color: #00a500;
}

.red {
    color: #cd3333;
}

.red_low {
    color: #cca18b;
}

.gruposAsignadosBox .ti-na {
    color: #F00 !important;
    font-weight: normal !important;
}

.grey {
    color: #9e9e9e;
}

.dark-grey {
    color: #333333;
}

.inline-flex {
    display: inline-flex;
}

.list-table .table-row.greenBg,
.greenBg {
    background-color: rgba(0, 165, 0, 0.2)
}

.list-table .table-row.redBg,
.redBg {
    background-color: rgba(255, 0, 0, 0.2)
}

.list-table .table-row.orangeBg,
.orangeBg {
    background-color: rgba(255, 104, 10, 0.2)
}

.main-content div.list-table-wrapper {
    min-height: unset;
}

.printLogo {
    display: none;
}

.subspace-title {
    text-transform: uppercase;
    color: #FFF; /*#818793;  calimero-3875*/
    cursor: pointer;
    padding: 10px 9px;
    opacity: 0.8;
}

.subspace-title.active {
    color: #FFFFFF; /*#FFF; calimero-3875*/
    border-bottom: 3px solid #ffffff;
    opacity: 1;
}

.group-title i.arrow {
    display: none;
}

.arrw .group-title i.arrow {
    display: block;
    color: #FFF;
    font-size: 1em;
    height: 14px;
}

.accordion-content {
    overflow: hidden;
    display: none;
}

.accordion-door,
.accordion-door > span {
    cursor: default;
}

.accordion-toggle,
.accordion-toggle > span > .accordion-door > span,
doors-management .accordion-door,
doors-management .accordion-door > span,
access-groups-edit .accordion-door,
access-groups-edit .accordion-door > span {
    cursor: pointer;
}

access-group-lift-floors .btn-switch input[type=checkbox] + .switch:after,
access-group-lift-floors .btn-switch input[type=checkbox] + .switch:after {
    left: -10px;
}

access-group-lift-floors .btn-switch input[type=checkbox]:checked + .switch:after,
access-group-lift-floors .btn-switch input[type=checkbox]:checked + .switch:after {
    left: 10px;
}

.openContent .arrw .group-title i.arrow {
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

.side-menu-items .simulateTitle li a,
.side-menu-items li.simulateTitle a {
    color: #FFF;
}

.side-menu-items .menu-white-style {
    background: #e6e6e6;
    color: #4e545e;
}

.navbar-default .nav li.menu-white-style a:hover {
    color: #4e545e;
}

.scrollYnav {
    overflow-y: auto;
}

@media (min-width: 768px) {
    .navbar-static-side {
        width: 0px;
    }

    .navbar-static-side.menu-on-w {
        width: 220px;
    }
}

.list-table .first-column .form-checkbox, .controllerListPop .form-checkbox, .list-table-credentials .form-checkbox {
    width: 20px;
    height: 20px;
}

.list-table .first-column .form-checkbox:checked:before, .list-table .first-column .form-checkbox:checked:after,
.controllerListPop .form-checkbox:checked:before , .controllerListPop .form-checkbox:checked:after,
.list-table-credentials .form-checkbox:checked:before, .list-table-credentials .form-checkbox:checked:after,
apb-zones-capacity-groups-popup .form-checkbox:checked:before, apb-zones-capacity-groups-popup .form-checkbox:checked:after,
.double-intervention-group-extended .select-list .form-checkbox:checked:after {
    background: #0d76d3;
    height: 2em;
    width: 1.1em;
    top: 0.08em;
    left: 0.11em;
}

.table-header .first-column .form-checkbox:checked:before, .controllerListPop .tHead .form-checkbox:checked:before {
    width: 1.2em;
    top: 0.18em;
    left: 0.18em;

}

.table-header .first-column .form-checkbox:checked:after, .controllerListPop .tHead .form-checkbox:checked:after {
    height: 2em;
    width: 1.1em;
    top: 0.08em;
    left: 0.31em;
}

.list-table .first-group-columns .separated-right {
    margin-right: 35px;
}

.form-checkbox:disabled {
    border: 0;
    box-shadow: inset 0 0 0 0.7em #A1A1A1;
}

/* GENERICOS NO PISAR */
.bgDarkGrey {
    background-color: #e3e5e6;
}

.popGeneric h3,
.sduMioPop h3,
.backupArea h3,
.sitesArea h3,
.doorsArea h3 {
    font-weight: 700;
    margin: 25px 5px;
    font-size: 1.0em;
}

.operatorArea .box,
.notificationsArea .box,
.popGeneric .box,
.sduMioPop .box,
.backupArea .box,
.sitesArea .box,
.doorsArea .box {
    background-color: #FFF;
    padding: 15px;
    display: block;
    margin: 0;
}

.areactrlRead .box {
   /* float: left; */
    width: 100%;
    height: 125px;
}

.centerBx .box .dispIcon,
.ctrlRead.box i {
    text-align: center;
    display: inherit;
    padding: 5px;
    height: 80px;
    line-height: 1.2em;
    font-size: 3.8em
}

.view4k .centerBx .box .dispIcon,
.view4k .ctrlRead.box i{
    height: auto;
}

.ctrlRead.box i.i_flux {
    text-align: center;
    display: inherit;
    padding: 5px;
    font-size: 4em;
}

.notificationsArea label,
.popGeneric label,
.sduMioPop label,
.backupArea label,
.sitesArea label,
.doorsArea label {
    font-size: 1.0em;
    font-weight: 400;
    line-height: 1.1em;
}

.ptp25 {
    padding-top: 25px;
    padding-bottom: 25px;
}

.doorsArea .ctrlRead {
    max-width: 190px;
}

.sduMioPop .ctrlRead,
.doorsArea .ctrlRead,
.popGeneric .ctrlRead {
    padding: 0;
    margin-left: 20px;
}

.sduMioPop .ctrlRead .txtCtrl,
.doorsArea .ctrlRead .txtCtrl,
.popGeneric .ctrlRead .txtCtrl {
    position: relative;
    padding: 5px;
    height: 45px;
    background-color: #1976d3;
    color: #FFF;
}

.sduMioPop .ctrlRead.ctrl,
.doorsArea .ctrlRead.ctrl,
.popGeneric .ctrlRead.ctrl {
    margin: 0;
}

.sduMioPop .ctrlRead.ctrl .txtCtrl,
.doorsArea .ctrlRead.ctrl .txtCtrl,
.popGeneric .ctrlRead.ctrl .txtCtrl {
    background-color: #0e569e;
}

.sduMioPop .ctrlRead .txtCtrl p.bigSz,
.doorsArea .ctrlRead .txtCtrl p.bigSz,
.popGeneric .ctrlRead .txtCtrl p.bigSz {
    font-size: 1.2em;
}

.sduMioPop .ctrlRead .txtCtrl p,
.doorsArea .ctrlRead .txtCtrl p,
.popGeneric .ctrlRead .txtCtrl p {
    margin: 0;
    font-size: 1.1em;
    line-height: 1.2em;
    font-weight: 300;
}

.sduMioPop .ctrlRead .txtCtrl small,
.doorsArea .ctrlRead .txtCtrl small,
.popGeneric .ctrlRead .txtCtrl small {
    width: 100%;
    display: block;
    font-size: 0.9em;
    margin: 0;
}

.sduMioPop .ctrlRead .bullet-primary,
.doorsArea .ctrlRead .bullet-primary {
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: 15px;
    height: 15px;
}

.sduMioPop .ctrlRead [class^="ti-"],
[class*=" ti-"],
.popGeneric .ctrlRead [class^="ti-"],
[class*=" ti-"],
.doorsArea .ctrlRead [class^="ti-"],
[class*=" ti-"] {
    font-size: 2.4em;
    line-height: 2.7em;
    display: block;
    height: 80px;
    text-align: center;
}

.ascensorPop .iconPop span,
.popGeneric .iconPop span {
    line-height: 1.7em;
    font-size: 1em;
}

.ascensorPop .iconPop i,
.popGeneric .iconPop i {
    -moz-border-radius: 30px;
    border: 1px solid #000;
    padding: 4px 1px;
    border-radius: 30px;
    margin-right: 12px;
    width: 25px;
    height: 25px;
    float: right;
    display: block;
    text-align: center;
}

.popGeneric .mt10 {
    margin-top: 10px;
}

/* tooltip */
.userNavIcon {
    width: 30px;
    /*margin-left: 8px;*/
    text-align: center;
    font-size: 18px;
    position: relative;
}

.userNavIcon span {
    display: inline-block;
    width: 12px;
}

.userNavIcon span b {
    width: 100%;
    float: left;
    line-height: 0.4em;
    font-size: 1.3em;
    font-weight: bolder;
    margin-bottom: 3px;
    margin-top: -5px;
}

.indicators .tooltip.bottom,
.userNavIcon .tooltip.bottom {
    width: 230px;
    left: -100px;
    color: #333;
    display: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    filter: alpha(opacity=100);
}

.userNavIcon .tooltip.bottom {
    margin-top: -5px;
}

.indicators .tooltip.bottom {
    width: 190px;
    left: -77px;
}

.indicators .tooltip.bottom .tooltip-arrow,
.userNavIcon .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #e0f0ff;
}

.indicators .tooltip-inner,
.userNavIcon .tooltip-inner {
    background-color: #e0f0ff;
    color: #333;
    max-width: 250px;
    width: 210px;
}

.indicators:hover .tooltip,
.userNavIcon:hover .tooltip {
    display: block;
}

.tooltip .btn {
    background-color: transparent;
    padding: 0;
}

.tooltip .btn:focus,
.tooltip .btn:hover {
    box-shadow: none;
    outline: none;
}

.option-group-date-time .option-group-date-time-item {
    margin-bottom: 15px;
}

.option-group-date-time .option-group-date-time-item:first-child {
    margin-bottom: 5px;
}

.nivelSegBx p,
.nivelSegBx .prevent-text-overflow,
.nivelSegBx .dropdown {
    float: left;
    width: 100%;

}

.nivelSegBx strong {
    margin-top: 30px;
}

.nivelSegBx {
    margin-top: 10px;
    margin-bottom: 15px;
}

/* ***** index **** */
.operatorPresencePop .btnArea,
.operatorPresencePop .form-group {
    padding: 40px;
    width: 100%;

}

.operatorPresencePop input,
.operatorPresencePop label {
    width: 100%;
    margin-top: 5px;
}

/* ***** bullet ***/
.bullet-inactive {
    border: 1px solid #bbb;
    background: #ddd;
}

/* *** tooltip 2 *** */
.noMargToolt {
    padding-left: 0;
}

.opcCaducidadBx {
    margin-bottom: 0px;
}

.caducityBx .error-tooltip-container,
.userGlobalAcctionArea .error-tooltip-container,
.opcCaducidadBx .error-tooltip-container {
    top: 30px;
}

.caducityBx .error-tooltip,
.userGlobalAcctionArea .error-tooltip,
.opcCaducidadBx .error-tooltip {
    width: 350px;
}
.view4k .flex related-or-object-data-image,
.view4k .object-data-image {
    display: inline;
}

.view4k .object-data-image {
   width: 50px;
}


.userNavIcon span {
    display: inline-block;
    width: 12px;
}

.userNavIcon span b {
    width: 100%;
    float: left;
    line-height: 0.4em;
    font-size: 1.3em;
    font-weight: bolder;
    margin-bottom: 3px;
    margin-top: -5px;
}

.userGlobalAcctionArea .indicators .tooltip.bottom {
    width: 194px;
}

.indicators .tooltip.bottom,
.userNavIcon .tooltip.bottom {
    width: 180px;
    left: -77px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    filter: alpha(opacity=100);
    display: none;
}

.userGlobalAcctionArea .indicators .tooltip.bottom .tooltip-arrow,
.userNavIcon .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #e0f0ff;
}

.userGlobalAcctionArea .indicators .tooltip-inner,
.userNavIcon .tooltip-inner {
    background-color: #e0f0ff;
    color: #000;
}

.userGlobalAcctionArea .indicators:hover .tooltip,
.userNavIcon:hover .tooltip {
    display: block;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    filter: alpha(opacity=100);
}

.popGeneric .group-management-popup {
    width: 40%;
}

.popGeneric .profiles-popup-overlay .progress {
    width: 100%;
    float: left;
}

.popGeneric .profiles-popup-overlay .progress-bar {
    background: #1baf4f;
}

.popGeneric .group-management-popup .ctrlRead {
    margin-top: 30px;
}

.popGeneric .borderRbox {
    border: 1px solid #8599a5;
    margin-top: 30px;
    width: 80%;
    padding: 7px 10px;
}

/* ****breadcrumb */
.breadcrumbs .seccion {
    font-size: 18px;
    text-transform: uppercase;
}

/* *** error tooltip *** */
.table .error-tooltip,
.error-tooltip {
    padding: 10px;
    position: absolute;
}

.table .tooltip-double .error-tooltip,
.tooltip-double .error-tooltip {
    height: 70px;
}

.table .error-tooltip-item,
.error-tooltip-item {
    /*width: 250px;*/
    /*min-width: 250px;*/
    display: block;
    /*float: left;*/
}

/* advanced search fiter *//* componente usuario busqueda avanzada */

.filterTooltip {
    position: relative;
    float: right;
}

.panelFiltrarBusqueda {
    position: absolute;
    width: 350px;
    color: #000000;
    background: #fff;
    border: 1px solid #DBDBDB;
    border-radius: 6px;
    padding: 10px 15px;
    top: -100px;
    left: -155px;
    z-index: 999;
}

.panelFiltrarBusqueda:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-top: 8px solid #fff;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

.panelFiltrarBusqueda .form-group {
    height: 30px;
}

.panelFiltrarBusqueda label {
    font-size: 14px;
    line-height: 24px;
    margin: 0;
}

.userSerachInput.filter {
    float: left;
    width: 100%;
    margin: 15px 0;
}

/* filters link icon*/
.filterSelector > div {
    height: 50px;
}

users-main-container .filterSelector > div {
    height: auto;
}

.linkFilterBx {
    position: relative;
    display: table;
    border-collapse: separate;
    padding: 17px 0 3px 0;
    width: 100%;
}

.linkFilterBx .inptBx {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.linkFilterBx .linkAddon {
    font-weight: normal;
    line-height: 1;
    text-align: center;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px 0 5px 10px;
    display: table-cell;
}

.linkFilterBx .linkAddon {
    /* filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(67deg);
    -ms-transform: rotate(67deg);
    transform: rotate(67deg); */
    position: absolute;
    right: -10px;
}

.view4k .linkFilterBx .linkAddon{
    position: absolute;
    right: -5px;
    filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0)";
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0)";
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.linkFilterBx .form-group,
.linkFilterBx .btn-dropdown-filter,
.linkFilterBx .dropdown {
    width: 100%;
    margin: 0;
}

.filterCustomField {
    display: block;
    float: left;
    padding: 10px;
    border: 1px solid #f2f2f2;
    width: 100%;
    margin-top: 10px;
}
.view4k .filterCustomField {
    margin-top: 0;
    background-color: #2c2f35;
    border: 0;
}

.view4k operator-visits-filter-selector .filterCustomField{
    background-color: #000;
}

.filterCustomField .option-group-row {
    /*width: 33%;*/
    margin: 0;
    float: left;
    /*padding: 5px 40px;*/
}

.filterCustomField .col-xs-7 .option-group-row {
    width: 100%;
    padding: 0;
}

.filterCustomField .custom-fields-label {
    /*width: auto;*/
    float: left;
    margin-right: 10px;
    font-weight: normal;
}

.filterCustomField .form-input,
.filterCustomField .form-group.label-floating {
    margin: 0;
    width: 100%;
}

.filterCustomField .btn-dropdown-filter {
    width: 100%;
}

.filterCustomField .ng-valid-number {
    text-align: right;
}

.filterCustomField .col-xs-7 .option-group-row .selected-value {
    margin-top: 7px;
}

.filterCustomField .option-group-row label {
    font-weight: normal;
}

.filterCustomField .option-group-row .form-input {
    margin-top: 0;
}

.switchFilterBx {
    margin-left: -15px;
    padding-right: 15px;
    color: #666666;
}

.switchFilterBx .selected span {
    color: black;
}

.switchFilterBx .btn-switch label {
    float: right;
}

.switchFilterBx .btn-switch-container {
    padding: 0;
    width: 100%;
}
.view4k .btn-switch .switch:after{
    top: -7px;
}
/* accordion */

.accordion-building .panel-title {
    margin-top: 7px;
    margin-bottom: 7px;
}

.accordion-building .lvl2 {
    width: 100%;
    float: left;
}

.accordion-building .accordion-door {
    padding-left: 0px;
}

.accordion-building .lvl1 {
    padding-left: 20px;
}

.accordion-building .lvl1 .accordion-floor {
    padding-left: 0px;
}

.accordion-building .lvl2 .accordion-door {
    padding-left: 20px;
}

.accordion-building .lvl2 .accordion-floor {
    padding-left: 0;
}

.accordion-building .lvl2 h4 {
    margin-left: 0;
    float: left;
    width: 100%;
}

.accordion-building .ti-settings {
    cursor: pointer;
}

.accordion-door {
    margin-bottom: 10px;
}

h4 .accordion-door, .accordion-door.selected-row,
.accordion-building h4 .lvl2 .accordion-door {
    float: left;
    margin-left: 0;
    background-color: transparent;
    width: auto;
}

.accordion-door.selected-row {
    background-color: #e0f0ff;
}

.accordion-door.offline-doors.selected-row {
    float: initial;
}

.view4k .accordion-door {
    font-size: 22px !important;
}

.view4k .panel-group,
.view4k .panel-default,
.view4k .panel-default > .panel-heading {
    background-color: #2c2f35;
}

.accessGroupArea .accordion-building .accordion-door .btn-bullet-tooltip {
    width: 20px;
}

.col-md-personaliced-6 {
    width: 45%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
}

.col-md-personaliced-1 {
    width: 6%;
    float: left;
}

/* PAGINADOR GENERICO */
.goToPagInt {
    min-width: 120px;
    margin-top: 5px;
}

.goToPagInt p {
    float: left;
    padding: 6px 5px 0 16px;
    white-space: nowrap;
}

.goToPagInt input.form-control {
    width: 50px;
    margin-left: 5px;
    border-radius: 0;
    color: #333;
}

/* tablas y scroll horizontal*/
.userArea .extended-view .first-group-columns {
    width: 75%;
    display: block;
}

.operatorArea .extended-view .first-group-columns {
    width: 75%;
    display: block;
}

/* .visitArea .selected-row .first-group-columns {
    width: 80%;
} */

.userArea #main-table-inner-row .ver-detalle {
    margin: 0 0 0 -30px;
}

.view4k .userArea #main-table-inner-row .column-buttons-first {
    margin-top: -50px;
    margin-right: -152px;
}

.view4k .userArea #main-table-inner-row .column-buttons-second {
    margin-top: 50px;
    margin-right: 0px;
}

/* filtros */

.filter-container {
    position: relative;
    /*overflow: hidden;*/
}

.full-notifications {
    z-index: 3000;
}

.filter-container .full-notifications {
    margin-top: -15px;
    margin-left: -10px;
}

/* combos */
.btn-dropdown-filter .flex-btn-helper {
    white-space: nowrap;
    /*overflow: hidden;*/
    text-overflow: ellipsis;
}

/* **************************************************************************************               ************************************************************** */
/* **************************************************************************************     VISTAS    ************************************************************** */
/* **************************************************************************************               ************************************************************** */

/* apb*/
.apbArea .option-group-date-time .option-group-date-time-item {
    margin-bottom: 0;
}

.apbArea .hRow .ext-view-table-cell {
    height: 60px;
}

.apbArea .apb-icon-entrada {
    width: 20px;
    height: 20px;

}

.doorsArea.doorsAreaInAPBPOP {
    width: 98%;
    margin: 65px 1% 0 1%;
}

.apbArea .center-filter-dropdowns .col-xl-2.col-lg-3 {
    width: 100%;
}

.apb-zone .options-capacity-group {
    margin-top: 15px;
}

.apb-zone .options-capacity-group .mixed {
    float: left;
    width: 50%;
}

.apb-zone .options-capacity-group button {
    float: right;
    width: 45%;
}

apb-zones-capacity-groups-popup .ext-view-table .ext-view-table-row .rel-objects-cell {
    width: 50%;
}

current-capacity-groups-popup .ext-view-table .ext-view-table-row .rel-objects-cell {
    width: 45%;
}

current-capacity-groups-popup .ext-view-table .ext-view-table-row .rel-objects-cell.cell-side,
apb-zones-capacity-groups-popup .ext-view-table .ext-view-table-row .rel-objects-cell.cell-side {
    width: 5%;
}

apb-zones-capacity-groups-popup .ext-view-table .ext-view-table-row .rel-objects-cell.cell-select {
    width: 10%;
}

apb-zones-capacity-groups-popup .ext-view-table .ext-view-table-row .rel-objects-cell.cell-number {
    width: 30%;
}

apb-zones-capacity-groups-popup .rel-objects-cell.cell-select input {
    width: 20px;
    height: 20px;
}

current-capacity-groups-popup .td-popup-content.info-message {
    text-align: center;
    padding: 50px;
    font-size: 1.5em;
}

.accessGroupArea .new-item-page .accordion-door.selected-row {
    background: #e0f0ff;
    border-bottom: 1px solid #fff;
}

.two-options-switch {
    float: right;
    color: black;
    font-size: initial;
}

.two-options-switch .posr {
    padding: 0px 15px;
    font-weight: 400;
}

.btn-switch .two-options-switch input[type=checkbox] + .switch:after {
    background-color: #0D76D3;
    border-color: #0D76D3;
}

.btn-switch input[type=checkbox] + .switch.disabled:after {
    background-color: #cccccc;
    border: 1px solid #cccccc;
}

.access-groups-arrows-left {
    top: 15px;
}
.access-groups-arrows-right {
    bottom: -30px;
}

.accordion-building .lvl2 .lvl3 .accordion-door {
    float: left;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-left: 0;
    width: 100%;
    cursor: inherit;
}


.accordion-building .lvl3 {
    float: left;
    width: 95%;
    margin-left: 20px;
    background-color: #f2f2f2;
    padding-top: 3px;
}

.view4k.op_cctv_planim .accordion-building .lvl3,
.view4k.operatorDesktop .accordion-building .lvl3,
.view4k#op-desktop-cctv-cacc .accordion-building .lvl3,
.view4k#op-desktop-cctv-visits .accordion-building .lvl3{
    background-color: #666;

}
.view4k.op_cctv_planim users-popup .accordion-building .lvl3>li>span,
.view4k.operatorDesktop users-popup .accordion-building .lvl3>li>span,
.view4k#op-desktop-cctv-cacc users-popup .accordion-building .lvl3>li>span,
.view4k#op-desktop-cctv-visits users-popup .accordion-building .lvl3>li>span{
    display: block !important;
    float: left;
}

.view4k.op_cctv_planim users-popup .accordion-building .lvl3>li span.info-circle-outline,
.view4k.operatorDesktop users-popup .accordion-building .lvl3>li span.info-circle-outline,
.view4k#op-desktop-cctv-cacc users-popup .accordion-building .lvl3 li>span.info-circle-outline,
.view4k#op-desktop-cctv-visits users-popup .accordion-building .lvl3 li>span.info-circle-outline{
    float: left;
}

.accordion-building .access-group-list-restricted-icon {
    float: left;
    color: #F00;
    height: auto;
    line-height: 0.8em;
    font-size: 1.1em;
    margin-right: 5px;
}

.accessProfilesArea .accordion-building .fa-check-square,
.accordion-building .fa-check-square {
    margin-right: 5px;
    color: #0D76D3;
    font-weight: 400;
}

.accordion-building .fa-check-square,
.accordion-building .fa-square-o,
.accordion-floor .fa-check-square,
.accordion-floor .fa-square-o {
    font-size: 1.2em;
}

.accessProfilesArea .accordion-building .fa-square-o,
.accordion-building .fa-square-o {
    margin-right: 5px;
    font-weight: 400;
}

.accordion-building .accordion-door .accessGroupArea {
    float: left;
    width: 100%;
}

.accordion-building .detail-view-access-profile {
    margin-bottom: 40px;
}

.detail-view-access-profile-timetable .back-button {
    position: absolute;
    z-index: 1;
}

.accordion-building .detail-view-assigned-groups-list {
    height: 365px;
}

/* alerts */ /* and notificaciones */

.user-notifications-container {
    z-index: 9999;
    /* Esto seria para centrarlas y que no ocupen toda la pantalla
    width: auto;
    transform: translateX(-50%);
    margin-left: 50%;
    */
}

.user-notifications-show {
    min-width: 30vw;
    z-index: 9999;
    max-width: 70vw;
    width: auto;
    min-height: 63px;
    height: auto;
}

.user-notification-show-more {
    display: inline-flex;
}

.user-notification-more {
    width: 1%;
    float: right;
    top: 5px;
    z-index: 9999;
    position: relative;
    display: inline-flex;
    opacity: 1;
    margin-right: 0;
    padding: 18px 15px;
    justify-content: center;
    min-height: 63px;
}

.user-notification-more i {
    font-size: 14px;
}

.stateCentralBx {
    width: 200px;
}

.stateCentralBx span {
    float: left;
    color: #FFF;
    margin-right: 15px;
}

.notifArea.small {
    position: relative;
    float: left;
    width: 100%;
}

.notifArea.small .alert {
    top: -85px;
}

.notifArea .alert-dismissable .close,
.notifArea .alert-dismissible .close {
    position: absolute;
    top: 5px;
    right: 10px;
}

.alert {
    margin-bottom: 0;
    position: absolute;
    top: 1%;
    left: 1%;
    width: 98%;
    z-index: 1;
    padding-top: 12px;
    padding-bottom: 12px;
}

.alert.lift-col-alert{
    position: static;
}

.alert p {
    margin: 5px 0 0 0;
}

.alert .bxRight {
    width: 250px;
    float: right;
}

.orangeBtn {
    color: #db820a;
    border-color: #db820a;
    margin: 0 10px;
}

.alert .counter {
    font-size: 2.6em;
    text-align: right;
    float: left;
    line-height: 0.8em;
}

.alert .btn-primary {
    float: right;
    background-color: #3c434d;
    color: #FFF;
}

.alert .btn-primary:hover {
    background-color: #5a626e;
}

.alert .icon {
    padding: 0 10px;
    display: inline-block;
    font-size: 1.6em;
}

.small .alert {
    width: 330px;
}

.small .alert p {
    display: none;
}

.alert.alert-warning {
    border-top-color: #db820a;
    background-color: #fff1ce;
    color: #db820a;
}

.alert.alert-warning .counter {
    color: #db820a;
}

/* ************* POPUPS ******** */
/* ****** pop generic ***** */
.sduMioPop .ctrlRead,
.doorsArea .ctrlRead,
.popGeneric .ctrlRead {
    padding: 0;
    margin-left: 0px;
}

.sduMioPop .ctrlRead .txtCtrl,
.doorsArea .ctrlRead .txtCtrl,
.popGeneric .ctrlRead .txtCtrl {
    position: relative;
    padding: 5px;
    height: 70px;
    background-color: #1976d3;
    color: #FFF;
}
.sduMioPop .ctrlRead .txtCtrl p,
.doorsArea .ctrlRead .txtCtrl p,
.popGeneric .ctrlRead .txtCtr p{
    color: #fff !important;
}

.sduMioPop .ctrlRead .txtCtrl small,
.doorsArea .ctrlRead .txtCtrl small,
.popGeneric .ctrlRead .txtCtr small{
    color: #fff !important;
}

.sduMioPop .ctrlRead.ctrl,
.doorsArea .ctrlRead.ctrl,
.popGeneric .ctrlRead.ctrl {
    margin: 0;
}

.sduMioPop .ctrlRead.ctrl .txtCtrl,
.doorsArea .ctrlRead.ctrl .txtCtrl,
.popGeneric .ctrlRead.ctrl .txtCtrl {
    background-color: #0e569e;
}

.sduMioPop .ctrlRead.ctrl .txtCtrl p,
.doorsArea .ctrlRead.ctrl .txtCtrl p,
.popGeneric .ctrlRead.ctrl .txtCtrl p {
    color: #fff !important;
}

.sduMioPop .ctrlRead .txtCtrl p.bigSz,
.doorsArea .ctrlRead .txtCtrl p.bigSz,
.popGeneric .ctrlRead .txtCtrl p.bigSz {
    font-size: 1.1em;
}

.sduMioPop .ctrlRead .txtCtrl p,
.doorsArea .ctrlRead .txtCtrl p,
.popGeneric .ctrlRead .txtCtrl p {
    margin: 0;
    font-size: 1.1em;
    line-height: 1.2em;
    font-weight: 300;
}

.sduMioPop .ctrlRead .txtCtrl small,
.doorsArea .ctrlRead .txtCtrl small,
.popGeneric .ctrlRead .txtCtrl small {
    width: 100%;
    display: block;
    font-size: 0.9em;
    margin: 0;
}

.sduMioPop .ctrlRead .bullet-primary,
.doorsArea .ctrlRead .bullet-primary {
    position: absolute;
    top: 3px;
    right: 5px;
    width: 10px;
    height: 10px;
}
.view4k .sduMioPop .ctrlRead .bullet-primary,
.view4k .doorsArea .ctrlRead .bullet-primary {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 10px;
    height: 10px;
}

.doorsArea .txtCtrl .bullet-primary {
    width: 10px;
    height: 10px;
}

.sduMioPop .ctrlRead .bullet-primary.auxbull,
.doorsArea .ctrlRead .bullet-primary.auxbull {
    top: 20px;
}

.sduMioPop .ctrlRead [class^="ti-"], [class*=" ti-"],
.popGeneric .ctrlRead [class^="ti-"], [class*=" ti-"],
.doorsArea .ctrlRead [class^="ti-"], [class*=" ti-"] {
    font-size: 2.4em;
    line-height: 2.7em;
    display: block;
    height: 80px;
    text-align: center;
}

.ascensorPop .iconPop span,
.popGeneric .iconPop span {
    line-height: 1.7em;
    font-size: 1em;
}

.ascensorPop .iconPop i,
.popGeneric .iconPop i {
    -moz-border-radius: 30px;
    border: 1px solid #000;
    padding: 4px 1px;
    border-radius: 30px;
    margin-right: 12px;
    width: 25px;
    height: 25px;
    float: right;
    display: block;
    text-align: center;
}

.popGeneric .mt10 {
    margin-top: 10px;
}

.nivelSegBx,
.nivelSegBx strong {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.nivelSegBx {
    margin-top: 10px;
    margin-bottom: 15px;
}

/* 1 popup "popController" */

.popController .backUp-popup .bgGrey {
    background-color: #f0f0f0;
    padding: 25px 0 0 0;
}

.popGeneric.popController .ctrlRead {
    margin-left: 0px;
}

.popController .borderRbox {
    border: 1px solid #8599a5;
    margin-top: 5px;
    width: 80%;
    padding: 7px 10px;
}

.popController .brbox2,
.popController .brbox2.borderRbox {
    margin-top: 30px;
    width: 80%;
    margin-left: 10%;
}

.popController .w100.borderRbox {
    width: 100%;
    height: 145px;
    padding-top: 20px;
}

.view4k .popController .w100.borderRbox {
    height: 175px;
}

.view4k .popController .w100.borderRbox p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.view4k .popController .w100.borderRbox>.row .row>div {
    display: inline-flex;
}

.popController .w100.borderRbox.one-line > .row {
    margin-top: 30px;
}


.popController .borderRbox .bullet-primary,
.borderRbox p {
    float: left;
    margin-bottom: 7px;
    margin-top: 8px;
}

.bullet-primary-danger {
    border-color: #a94442;
    background: #a94442;
}

.popController .borderRbox p {
    padding-left: 5px;
}

.popController .lineGreen {
    border-top: 1px solid #8599a5;
    margin-top: 25px;
    padding: 20px;
    float: left;
    width: 100%;
    background-color: #fff;
}

.popController .lineGreen p {
    width: 100%;
    /*text-align: center;*/
    font-size: 1.2em;
    margin-top: 15px;
}

/* 2 - 3 -6 - 9 POP lectores intercambiables ****** */
.popLectores.backUp-popup {
    width: 940px;
    padding: 25px 15px;
    background: #fff;
}

.popLectores.backUp-popup.lect2 {
    width: 670px;
}

.popLectores.backUp-popup.lect1 {
    width: 400px;
}

.popLectores.backUp-popup.lect2 .bxLect {
    width: 44%;
}

.popLectores.backUp-popup.lect1 .bxLect {
    width: 100%;
}

.popLectores.backUp-popup.lighting.four {
    width: 1300px;
}

.popLectores.backUp-popup.lighting.three {
    width: 900px;
}

.popLectores.backUp-popup.lighting.two {
    width: 670px;
}

.popLectores.backUp-popup.lighting.one {
    width: 400px;
}

.popLectores.backUp-popup .centerBx .box {
    padding: 0;
}

.popLectores.backUp-popup .centerBx .box .txtCtrl {
    height: 70px;
    position: relative;
}

.popLectores.backUp-popup .centerBx .box .txtCtrl .bullet-primary {
    position: absolute;
    right: 10px;
    top: 10px;
}

.popLectores.backUp-popup .header-title {
    padding: 0;
    background-color: transparent;
    color: #fff;
}

.popLectores ul {
    margin: 25px 0 25px 2%;
    width: 98%;
    float: left;
    padding: 0;
}

.popLectores li {
    padding: 10px 20px;
    float: left;
    width: 100%;
    display: block;
}

.topPoste {
    background: #eee;
}

.bottomPoste {
    background: #eee;
}

.arrowChange {
    background: #fff;
}

.arrowChange .bxArrw {
    padding: 10px 5px;
}

.topBotArrow {
    width: 26%;
    margin: 0 1%;
    padding: 0 30px;
    float: left;
}

.topBotArrow .back-button {
    width: 48%;
    margin: 0 1%;
    position: inherit;
    float: left;
}

.bxLect {
    width: 26%;
    margin: 1%;
    padding: 5px;
    background: #d3d3d3;
    float: left;
}

.bxLect h3 {
    padding: 10px;
    font-weight: 700;
    font-size: 1.2em;
    text-align: center;
}

.bxLect .centerBx {
    width: 84%;
    float: left;
    margin: 0 8%;
}

.bxLect .box {
    /* width: 120px; */
    padding-bottom: 0 !important;
    margin: 0 auto;
    display: block;
    background: #FFF;

    overflow: hidden;
}
.view4k .bxLect .box.box2 p,
.view4k .bxLect .box.box2 p span{
color: #666 !important;
}
.bxLect .box2 {
    width: 96%;
    margin: 0 2%;
    padding: 10px;
}

.bxLect .box .ti-panel {
    padding: 20px;
    text-align: center;
    display: inherit;
    font-size: 1.8em;
}

.txtCtrl {
    color: #FFF;
    background-color: #0D76D3;
    padding: 8px;
    float: left;
    width: 100%;
}

.txtCtrl p {
    float: left;
    margin-top: 4px;
}

.txtCtrl .bullet-primary {
    float: right;
    margin-top: 7px;
}

.popLectores .volumeBx,
.popController .volumeBx {
    width: 70%;
    margin: 25px 15%;
    float: left;
}

.popController .volumeBx {
    margin-top: 10px;
    margin-bottom: 10px;
}

.popLectores .volumeBx i,
.popController .volumeBx i {
    float: left;
    width: 5%;
    font-family: 'FontAwesome';
    font-size: 1.1em;
}

.popLectores .volumeBx .rangeVol,
.popController .volumeBx .rangeVol {
    width: 78%;
    float: left;
    margin: 2px 6%;
}

.popLectores .idConfigure {
    padding-left: 8px;
    padding-right: 8px;
}

.popLectores .idConfiguration {
    padding-left: 25px;
    padding-right: 25px;
}

.popLectores .box.box2 .tamper,
.popLectores .box.box2 p {
    margin-bottom: 25px;
    font-size: 0.9em;
}

.popLectores .box.box2 .tamper {
    text-align: center;
}

.popLectores .box.box2 .tamper>div {
    display: inline-block;
}

.popLectores .box2 button {
    margin: 5px auto;
    display: block;
}

.popLectores.lighting .bxLect .centerBx {
    margin-bottom: 25px;
}

.popLectores.lighting .box.box2 {
    overflow: visible;
}

.popLectores.lighting .bxLect .centerBx {
    float: none;
}

.popLectores.lighting .box.box2 .row {
    margin-top: 10px;
}

.popLectores.lighting .box.box2 p {
    margin-bottom: 20px;
}

.popLectores.lighting .box.box2 .dropdown-toggle {
    margin-top: 0px;
}

.popLectores.lighting .box.box2 .dropdown-toggle ul {
    margin: 0px;
}




.bxArrw {
    width: 7%;
    margin: 0;
    padding: 100px 5px;
    float: left;
}

.bxArrw .back-button {
    margin: 30px 0;
    position: initial;
}

.topBotArrow .back-button .btn-rounded {
    margin: 7px auto;
    display: block;
}

.bxArrw .back-button .btn-rounded {
    display: block;
    margin: 15px auto;
}

.bxLect.aux .box.box2 p {
    margin-bottom: 8px;
}

.bxLect.aux .volumeBx {
    margin-bottom: 9px;
    margin-top: 7px;
}

/* 9 parking pop lectores */

.parkingPopLect .popLectores.backUp-popup {
    width: 630px;
}

.parkingPopLect .popLectores .buttonES {
    text-align: center;
    margin-bottom: 20px;
}

.parkingPopLect .bxLect .centerBx {
    margin-bottom: 20px;
}

/* 4 Pop sdu 2 y 10 */
.backUp-popup .whiteBx,
.backUp-popup .sduMioPop {
    padding: 30px 30px 15px 30px;
    /* width: 600px; */
}

.backUp-popup .sduMioPop {
    background-color: #f0f0f0;
}

.backUp-popup .sduMioPop h3 {
    background-color: transparent;
    padding: 0 0 10px 0;
    font-weight: 700;
    float: left;
    width: 100%;
}

.sduMioPop .ctrlRead {
    margin-left: 0;
}

.dc .digitalesArea,
.sduMioPop .digitalesArea {
    /* float: left; */
    width: 100%;
    margin-bottom: 20px;
}

.dc .digitalesArea {
    margin-top: 20px;
}

.sduMioPop.sdu2 .digitalesArea .row {
    height: 48px;
}

.dc .digitalesArea .row,
.sduMioPop .digitalesArea .row {
    height: auto;
}

.digitalesArea.h310 .box {
    height: 350px;
    overflow-y: scroll;
}

.digitalesArea.h310.itemXMio .box {
    overflow-y: scroll;
    overflow-x: hidden;
}

.digitalesArea.h310.itemXMio .row {
    height: 32px;
}

.digitalesArea.h310.item8 .row {
    height: 40px;
}

.sduMioPop.ascensorPop {
    width: 900px;
}

.doorsArea.ascensorA .backUp-popup.ascensorPop .sduMioPop {
    padding-top: 5px;
}

.doorsArea.ascensorA .backUp-popup.ascensorPop .pagerAscensor.pagerMio {
    padding: 20px;
    margin: 0px;
    padding-top: 20px;
}

.ascensorPop .pagerAscensor.pagerMio .btn-dropdown-pagination button {
    margin-left: 10px;
}

.ascensorPop .pagerAscensor.pagerMio .btn-dropdown-pagination button[disabled] {
    color: #ffffff;
    background: #cccccc;
    box-shadow: none;
}

.ascensorPop .pagerAscensor.pagerMio .btn-dropdown-pagination button[disabled] i {
    cursor: not-allowed;
}

.ascensorPop .pagerAscensor .btn-dropdown-pagination button i {
    margin-left: 0;
}

.sduMioPop .bxEntradaBund {
    margin: 15px 0;
    float: left;
    width: 100%;
}

.sduMioPop .bxEntradaBund .bullet-primary {
    float: left;
    margin: 3px 10px 0 0;
}

/* minipop up */
.backUp-popup .esMT {
    margin-top: 100px;
}

/*popup contraseña*/
.confirmation-popup-lang-content {
    margin: 15px auto;
    width: 300px;
}

/*popup configuración antena*/
.configure-antenna-popup {
    width: 650px;
    max-width: 650px;
    margin-top: 120px;
}

.configure-antenna-popup .td-popup-content {
    padding: 40px;
}

.configure-antenna-popup .td-popup-content .row.grey-bg {
    background-color: #d3d3d3;
}

.configure-antenna-popup .td-popup-content .row row-radio-button {
    float: left;
    margin-right: 10px;
}

.configure-antenna-popup .td-popup-content .row .alert-message {
    font-size: 2em;
    margin-top: -15px;
    color: red;
}

.configure-antenna-popup .td-popup-content .row h3,
.configure-antenna-popup .td-popup-content .row row-dropdown-input {
    margin: 25px 5px;
}

.configure-antenna-popup .td-popup-content .row .check-frequency {
    margin-top: 20px;
    width: 25%;
}

.configure-antenna-popup .td-popup-content .row .check-frequency label {
    margin-right: 5px;
    margin-bottom: 0px;
}

.configure-antenna-popup .td-popup-content .row .check-frequency .form-checkbox {
    margin-top: -4px;
    margin-right: 12px;
    width: 20px;
    height: 20px;
}

.configure-antenna-popup .td-popup-content .row .check-frequency .form-checkbox:checked:before {
    background: #0d76d3;
    height: 2em;
    width: 1.2em;
    top: 0.18em;
    left: 0.18em;
    margin-top: -2px;
    margin-left: -1px;
}

.configure-antenna-popup .td-popup-content .row .check-frequency .form-checkbox:checked:after {
    background: #0d76d3;
    height: 2em;
    width: 1.1em;
    top: 0.08em;
    left: 0.31em;
    margin-top: -1px;
    margin-left: -1px;
}

/* pop notificaciones */
.confirmation-popup-delete .confirmation-popup-delete-message {
    height: auto;
}

.popup-general .popup-general-message,
.userNewPop.confirmation-popup.confirmation-popup-delete .confirmation-popup-delete-message {
    min-height: 200px;
    padding: 0 40px;
}

.popup-general .popup-general-message,
.userNewPop.confirmation-popup-delete .confirmation-popup-delete-content {
    font-weight: normal;
    text-align: left;
    margin-bottom: 5px;
}

.popup-general .popup-general-message {
    padding-top: 90px;
    text-align: center;
}

/*8 pop perfiles de acceso*/
.popGeneric.popProf h3 {
    background-color: transparent;
    color: #FFF;
    padding: 0;
}

.popGeneric.popProf h4.noAsignedText {
    text-align: center;
    font-size: 2em;
    padding: 75px 20px 20px;
    font-weight: 500;
}

.popGeneric.popProf ul {
    margin: 25px 0 25px 2%;
    width: 98%;
    float: left;
    padding: 0;
}

.popGeneric.popProf li {
    padding: 10px 20px;
    float: left;
    width: 100%;
    display: block;
}

/* popup timer*/
.doorsArea .popup-header-title {
    margin-top: 10px;
}

.doorsArea .save-timepicker-popup .save-timepicker-popup-days {
    float: left;
    width: 100%;
}

.schedulerArea .save-timepicker-popup,
.doorsArea .save-timepicker-popup {
    width: 355px;
    max-width: 400px;
}

.schedulerArea .save-timepicker-popup .popup-header.col-xs-6,
.doorsArea .save-timepicker-popup .popup-header.col-xs-6 {
    width: 50%;
}

.schedulerArea .save-timepicker-popup .popup-header .popup-header-title,
.doorsArea .save-timepicker-popup .popup-header .popup-header-title {
  color: #fff;
}

.schedulerArea .save-timepicker-popup .popup-days-single-day .form-checkbox,
.doorsArea .save-timepicker-popup .popup-days-single-day .form-checkbox {
  border-color: #000;
}

.schedulerArea .save-timepicker-popup .popup-days-single-day .form-checkbox:checked::before,
.schedulerArea .save-timepicker-popup .popup-days-single-day .form-checkbox:checked::after,
.doorsArea .save-timepicker-popup .popup-days-single-day .form-checkbox:checked::before,
.doorsArea .save-timepicker-popup .popup-days-single-day .form-checkbox:checked::after {
  background: #000;
  height: 2em;

}

.schedulerArea .save-timepicker-popup .popup-days-single-day label,
.doorsArea .save-timepicker-popup .popup-days-single-day label {
  line-height: 1em;
  color: #333;
}

.schedulerArea .save-timepicker-popup.save-timepicker-popup-big,
.doorsArea .save-timepicker-popup.save-timepicker-popup-big {
    width: 90%;
    max-width: none;
}

.schedulerArea .timetable-two-items-list li,
.schedulerArea .timetable-period-string,
.doorsArea .timetable-two-items-list li,
.doorsArea .timetable-period-string {
    padding-bottom: 1px;
}

/* pop CONTROLLER LIST */
.controllerListPop.backUp-popup {
    width: 90%;
}

.controllerListPop .pagerBck .btn-dropdown-pagination {
    min-width: 110px;
}

.controllerListPop .page-arrows li {
    width: auto;
    padding: 5px;
    float: left;
}

.controllerListPop .table {
    width: 100%;
    padding: 0 1% 0 1%;
}

.controllerListPop .checkTd {
    width: 50px;
}

.controllerListPop .table .checkTd input {
    margin: 0 15px;
}

.controllerListPop .table > thead > tr > th,
.controllerListPop .table > tbody > tr > th,
.controllerListPop .table > tfoot > tr > th,
.controllerListPop .table > thead > tr > td,
.controllerListPop .table > tbody > tr > td,
.controllerListPop .table > tfoot > tr > td {
    vertical-align: middle;
    line-height: 0em;
}

.controllerListPop .tHead {
    border: none;
    background: #0D76D3;
    color: #fff;
    height: 40px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.controllerListPop .noControllerTxt {
    font-size: 1.6em;
    padding: 25px 0 20px 0;
    text-align: center;
    color: #333;
}

.controllerListPop .noControllerTxt small {
    font-size: 0.9em;
    width: 100%;
    float: left;
    margin: 5px 0 25px 0;
}

/* fake paginacion  controllerListPop*/
.controllerListPop .bgGrey {
    background: #e6e6e6;
    float: left;
    width: 100%;
}

.controllerListPop .bgGrey ul {
    margin: 0;
    float: left;
    padding: 0;
}

.controllerListPop .pagerBck {

    margin-right: 30px;
    float: right;
}

.controllerListPop .controllerListPop {
    margin: 0 15px 0 0;
    border-bottom: none;
    padding: 0;
}

.controllerListPop .page-arrows .btn-rounded {
    margin: 0 10px;
}

.controllerListPop .pagerBck .btn-dropdown-pagination {
    min-width: 166px;
    margin-top: 6px;
}

.controllerListPop .newNpt,
.controllerListPop .newDdl {
    padding: 0 0 3px 0;
    border: 0;
    font-size: 14px;
    margin: 0px;
    width: 100%;
    outline: none !important;
    color: #000000;
    background-image: linear-gradient(#0D76D3, #0D76D3), linear-gradient(#c7cbcf, #c7cbcf);
    background-size: 100% 2px, 100% 1px;
    box-shadow: none;
    transition-duration: 0.3s;
    background-repeat: no-repeat;
    background-position: center bottom, center calc(99%);
    background-color: transparent;
    transition: background 0s ease-out;
}

.controllerListPop .newDdl[disabled] {
    padding: 7px 0 4px 0;
    background-image: linear-gradient(#ddd, #ddd), linear-gradient(#ddd, #ddd);

}

.controllerListPop .newNpt.form-input {
    color: #000000;
    background-image: linear-gradient(#ddd, #ddd), linear-gradient(#ddd, #ddd);
    height: 30px;

}

.controllerListPop .ti-list {
    line-height: 1.8em;
    color: #0D76D3;;
}

.discover-controllers-popup .checkTd img {
    width: 25px;
    margin: auto 15px;
}

.discover-lockers-popup .save-report-header,
.discover-controllers-popup .save-report-header {
    top: 40px;
    width: 90%;
    max-width: 100%;
}

.discover-lockers-popup .controllerListPop.backUp-popup,
.discover-controllers-popup .controllerListPop.backUp-popup {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    max-height: calc(100vh - 150px);
    overflow-y: auto;
    overflow-x: hidden;
}

.discover-lockers-popup .save-report-header.lockers,
.discover-controllers-popup .save-report-header.offline-doors {
    width: 45%;
}

.discover-lockers-popup .controllerListPop.backUp-popup.lockers,
.discover-controllers-popup .controllerListPop.backUp-popup.offline-doors {
    width: 45%;
}

.discover-lockers-popup .lockers .file-info,
.discover-controllers-popup .offline-doors .file-info {
    padding: 20px;
    text-align: center;
}

.discover-lockers-popup .lockers .file-name,
.discover-controllers-popup .offline-doors .file-name {
    padding-left: 15px;
    font-size: 0.75em;
    font-style: italic;
    text-decoration: underline;
}

.discover-lockers-popup .lockers .file-time,
.discover-controllers-popup .offline-doors .file-time {
    padding-left: 15px;
    font-style: italic;
}

.discover-lockers-popup .lockers tr.locker-data {
    height: 36px;
}

.discover-lockers-popup .lockers th.medium-width,
.discover-lockers-popup .lockers td.medium-width {
    width: 40%
}

.discover-lockers-popup .controllerListPop.backUp-popup.lockers {
    min-height: 392px;
}

#lockersPopup building-floor-filter-selector .col-xl-6,
#lockersPopup building-floor-filter-selector .col-lg-6,
#lockersPopup building-floor-filter-selector .col-md-6 {
    width: 25%;
}

/* ****** PUERTAS ***** */
/* listado */
.doorsArea .main-column input {
    width: 100%;
    min-width: 100%;
}

.doorsArea .first-group-columns {
    width: 86%;
}

.doorsArea .first-group-columns ul {
    width: 100%;
}

.doorsArea .first-group-columns .first-column {
    width: auto;
}

.doorsArea .first-group-columns .second-column {
    width: 120px;
    min-width: 120px;
    margin: 10px;
}

.doorsArea .first-group-columns .second-column div + div {
    margin-left: 6px;
}

.doorsArea .first-group-columns .w20,
.doorsArea .first-group-columns .standard-column,
.doorsArea .first-group-columns .main-column {
    width: 200px;
    min-width: 200px;
    float: left;
    display: block;
    padding-right: 20px;
}

.doorsArea .first-group-columns .standard-column,
.doorsArea .first-group-columns .main-column {
    width: calc((100% - 134px) / 4);
    min-width: 200px;
}

.doorsArea .posr {
    position: relative;
}

.doorsArea .posr i {
    position: absolute;
    left: -40px;
    line-height: 0.9em;
    color: #333;
    width: 30px;
}

.doorsArea .first-group-columns .standard-column .form-input,
.doorsArea .first-group-columns .main-column .rowDdl {
    width: 100%;
}

.doorsArea .list-table .icon-column {
    margin-left: 0px;
    width: 30px;
    margin-top: 10px;
}

.doorsArea .nuo-visits-pro {
    font-size: 24px;
}

.doorsArea doors-list #main-table-inner .second-group-columns {
    min-width: 215px;
}

/* detail */
.doorsArea .blockContainerDck {
    float: left;
    width: 100%;
    display: block;
}

.doorsArea .ext-view-bordertop {
    width: 100%;
    padding: 0 5% 0 35px;
    float: left;
}

.doorsArea access-profiles-extended .ext-view-bordertop {
    padding: 0;
}


.doorsArea .ext-view-bordertop.related-buttons {
    padding: 0;
}

.doorsArea .leftSidebar,
.doorsArea .rightSidebar {
    padding-top: 25px;
}

.doorsArea .rightSidebar {
    padding-left: 15px;
}

.doorsArea .mt15 {
    margin-top: 15px;
}

.doorsArea .leftSidebar {
    width: 93%;
    margin-right: 7%;
    float: right;
}

.doorsArea .lockerArea h3 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.doorsArea .lockerArea .bullet-primary,
.doorsArea .lockerArea .btn-switch {
    float: left;
}

.view4k .accionesBx .operatorDesktopComponent .box {
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    float: right;
}

.planimetriaArea .doorsArea .btn-primary {
    width: 90%;
    margin-top: 10px;
    min-height: 40px;
}

.planimetriaArea .doorsArea .btn-show-video {
    display: block;
    margin: 40px auto 0;
}
.view4k .accionesBx .operatorDesktopComponent .btn-primary,
.doorsArea .w80 .btn-primary,
.doorsArea .leftSidebar .btn-primary {
    width: 90%;
    display: block;
    margin: 15px auto;
}

.view4k .accionesBx .btn-primary.disabled:hover,
.view4k .accionesBx .btn-primary.disabled,
.doorsArea .leftSidebar .btn-primary.disabled:hover,
.doorsArea .leftSidebar .btn-primary.disabled {
    border-color: #ccc;
    color: #ccc;
    background-color: #f2f2f2;
}

.view4k .accionesBx .door-status-box,
.doorsArea .door-status-box {
    margin-top: 20px;
    margin-bottom: 20px;
}

.view4k .accionesBx.door-status-box h4,
.doorsArea .door-status-box h4 {
    font-weight: 400;
    font-size: 1.4em;
    margin-top: 5px;
}

.doorsArea .camara .dropdown-menu,
.doorsArea .nivelSegBx .dropdown-menu,
.doorsArea .liftcarArea .dropdown-menu {
    top: auto;
    bottom: 24px;
}

.doorsArea .liftcarArea .box,
.doorsArea .shortNameArea .box,
.doorsArea .shortNameArea .global-actions-user-options {
    min-height: 52px;
}

.doorsArea .opcionesArea .box {
    padding-bottom: 20px;
}

door-extended-turn .doorsArea .opcionesArea .box {
    padding-bottom: 10px;
}

door-extended-turn .doorsArea .programacionArea .box {
    padding-top: 35px;
}

door-extended-offline .doorsArea .doorsA .camara .dropdown-menu {
    max-height: 225px;
}

.view4k .accionesBx .door-status-box-libre i,
.view4k .accionesBx .door-status-box-libre h4,
.door-status-box-libre i,
.door-status-box-libre h4,
.door-status-box-abierto i,
.door-status-box-abierto h4 {
    color: #33cc33 !important;
}

.door-status-box-cerrado i,
.door-status-box-cerrado h4,
.door-status-box-bloqueado i,
.door-status-box-bloqueado h4 {
    color: #cd3333 !important;
}

.door-status-box-controlada i,
.door-status-box-controlada h4 {
    color: #1977d1 !important;
}

.door-status-box-emergencia i,
.door-status-box-emergencia h4 {
    color: #ea9401 !important;
}

.doorsArea .smallTxt {
    font-size: 0.9em;
    width: 100%;
    float: left;
    text-align: right;
    line-height: 1.2em;
    margin-bottom: 7px;
}

.doorsArea .btnLink {
    font-size: 0.9em;
    width: 100%;
    float: left;
    text-align: right;
    line-height: 1.2em;
    margin-bottom: 7px;
}

.doorsArea .functionArea .prevent-text-overflow {
    /*text-align: right;*/
}

.doorsArea .functionArea.spider .prevent-text-overflow {
    text-align: left;
}

.doorsArea .functionArea .fullwidth {
    min-width: inherit;
}

.doorsArea .functionArea .row {
    height: 85px;
    padding-top: 5px;
}

.doorsArea .functionArea .row.functionSmaller,
.doorsArea .functionArea .smallerBox .row {
    height: 70px;
}

.doorsArea .functionArea .smallerBox .row.functionSmaller {
    height: 60px;
}

.doorsArea .functionArea .row.functionAA,
.doorsArea .functionArea .smallerBox .row.functionAA {
    height: 40px;
}

.doorsArea .functionArea .noFunctionAA>.row {
    height: 90px;
}

.doorsArea .functionArea .noFunctionAA>.row.functionSmaller {
    height: 70px;
}

.doorsArea .programacionArea .row {
    height: 76px;
    padding-top: 5px;
}

.doorsArea .opcionesArea .row {
    height: 46px;
    padding-top: 5px;
}

.doorsArea.doorNormal .opcionesArea .row {
    height: 52px;
}

.doorsArea .opcionesArea.extra-option .box {
    padding-bottom: 23px;
}

.doorsArea.doorNormal .opcionesArea.extra-option .row {
    height: 48px;
}

.doorsArea .opcionesArea.extra-option .row.sensor {
    height: 28px;
}

.doorsArea .opcionesArea .alarmSgsOpen .prevent-text-overflow span {
    float: left;
}

.doorsArea .opcionesArea .alarmSgsOpen .prevent-text-overflow span:after {
    content: "''";
    float: right;
}

.doorsArea .cerraduraArea .row {
    margin-top: 1px;
}

.doorsArea .camarasArea .row,
.doorsArea .cerraduraArea .row {
    min-height: 46px;
    padding-top: 5px;
}

.doorsArea .leftSidebar .btn-primary.mt30,
.doorsArea .mt30 {
    margin-top: 30px;
}

.doorsArea .group-management-popup .ctrlRead.mt50,
.doorsArea .mt50 {
    margin-top: 50px;
}

.doorsArea .mt-5 {
    margin-top: -5px;
}

.doorsArea .pb50 {
    padding-bottom: 50px;
}

.doorsArea .pb20 {
    padding-bottom: 20px;
}

.doorsArea .pb15 {
    padding-bottom: 15px;
}

.doorsArea .mt-10 {
    margin-top: -7px;
    display: block;
}

.doorsArea .w80 {
    width: 80%;
}

.doorsArea .w100 {
    width: 100%;
}

.doorsArea .btn-primary.h2l {
    height: 40px;
}

.doorsArea .mt-10 .first-combo .selected-value {
    margin-top: 5px;
}

.doorsArea .mt-10 .selected-value {
    font-size: 0.9em;
}

.view4k .accionesBx .operatorDesktopComponent .btn-primary {
    color: #FFF !important;
    border-color: #FFF !important;
    cursor: pointer;
}

.view4k .accionesBx .operatorDesktopComponent .btn-primary.red:hover,
.view4k .accionesBx .operatorDesktopComponent .btn-primary.red.active,
.doorsArea .btn-primary.red:hover,
.doorsArea .btn-primary.red.active {
    background: #cd3333;
    color: #FFF !important;
}

.view4k .accionesBx .operatorDesktopComponent .btn-primary.blue:hover,
.view4k .accionesBx .operatorDesktopComponent .btn-primary.blue.active,
.doorsArea .btn-primary.blue:hover,
.doorsArea .btn-primary.blue.active {
    background: #1977d1;
    color: #FFF !important;
}

.view4k .accionesBx .operatorDesktopComponent .btn-primary.green:hover,
.view4k .accionesBx .operatorDesktopComponent .btn-primary.green.active,
.doorsArea .btn-primary.green:hover,
.doorsArea .btn-primary.green.active {
    background: #4daf26;
    color: #FFF !important;
}

.view4k .accionesBx .operatorDesktopComponent .btn-primary.light-green:hover,
.view4k .accionesBx .operatorDesktopComponent .btn-primary.light-green.active,
.doorsArea .btn-primary.light-green:hover,
.doorsArea .btn-primary.light-green.active {
    background: #85f71a;
    color: #FFF !important;
}

.view4k .accionesBx .operatorDesktopComponent .btn-primary.dark-green:hover,
.view4k .accionesBx .operatorDesktopComponent .btn-primary.dark-green.active,
.doorsArea .btn-primary.dark-green:hover,
.doorsArea .btn-primary.dark-green.active {
    background: #34804e;
    color: #FFF !important;
}

.view4k .accionesBx .operatorDesktopComponent .btn-primary.yellow:hover,
.view4k .accionesBx .operatorDesktopComponent .btn-primary.yellow.active,
.doorsArea .btn-primary.yellow:hover,
.doorsArea .btn-primary.yellow.active {
    background: #ffaf0f;
}

.doorsArea .smallInput .fullwidth {
    width: 50px;
    min-width: initial;
}

.doorsArea .smallInput .btn-dropdown-filter {
    min-width: 100%;
    text-align: right;
}

.doorsArea .btn-switch,
.doorsArea .bullet-primary {
    float: right;
}

.doorsArea .heighH3 {
    height: 30px;
    margin-bottom: 4px;
}

.doorsArea .heighH3.ml0 {
    margin-left: 0;
}

.doorsArea .sgs,
.doorsArea .sgs * {
    float: right;
}

.doorsArea .sgsInput {
    width: 95%;
    float: left;
}

.doorsArea .seg {
    width: 5%;
    float: right;
}

.doorsArea .smallInput .btn-dropdown-filter .flex-btn-helper {
    font-size: 0.9em;
}

.doorsArea .tr .prevent-text-overflow .selected-value,
.doorsArea .pasillosArea .prevent-text-overflow .selected-value,
.doorsArea .cerraduraArea .prevent-text-overflow .selected-value {
    text-align: right;
}

.doorsArea .bullet-primary {
    width: 15px;
    height: 15px;
}

/* .doorsArea .doors-programation-bullet {
    min-width: 50px;
} */

/* zona controladores y lectores*/
.verES {
    float: left;
    margin-top: 25px;
    width: 80px;
}

door-extended-normal .derecha .btnProfile,
door-extended-normal .derecha .lighting,
door-extended-parking-plus .derecha .lighting {
    margin-top: 25px;
    margin-left: 10px;
}

door-extended-turn .derecha .lighting {
    margin-left: 10px;
}

door-extended-normal .derecha .verES,
door-extended-normal .derecha .btnProfile,
door-extended-normal .derecha .lighting {
    margin-bottom: 25px;
}
door-extended-normal .areactrlRead .bgDarkGrey,
door-extended-parking-plus .areactrlRead .bgDarkGrey {
    background-color: transparent;
}

door-extended-parking-plus .doorsArea .programacionArea .row {
    height: 72px;
}

evacuation-point-extended .areactrlRead .bgDarkGrey {
    background-color: transparent;
}

.buttonGlobalEmergency {
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
}

.lectSecond .box {
    /*float: left;*/
    width: 100%;
}

.lectSecond .ctrlRead [class^="ti-"] {
    float: left;
    margin: 0 5%;
    width: 40%;
}

/* ******* PLANO DE ALZADO ********** */

.planoArea .planoBx {
    margin-bottom: 25px;
}

.planoArea .planoBx .btn {
    float: right;
    width: 20px;
    background: transparent;
    border: none;
    padding: 2px 2px 0 2px;
    font-size: 1.1em;
}

.planoArea .uploadBtn {
    margin-top: 15px
}

.planoArea .planoName p {
    display: block;
    float: left;
    background: #ffffff;
    margin: 0;
}

.planoArea .simulateInputField {
    border-bottom: 1px solid #333;
    float: left;
    width: 100%;
    padding-bottom: 0px;
    margin-bottom: 5px;
    margin-top: 15px;
}

/* ******* EMPRESA ********** */
.buildingArea .main-column .form-input {
    width: 100%;
}

.buildingArea .plantaBx,
.buildingArea .planoBx {
    margin-bottom: 25px;
}

.certificates .simulateInputField,
.buildingArea .simulateInputField,
.userArea .simulateInputField,
.sitesArea .simulateInputField {
    border-bottom: 1px solid #333;
    float: left;
    width: 100%;
    padding-bottom: 0px;
    margin-bottom: 5px;
}

.userArea .simulateInputField {
    border-color: #c7cbcf;
    margin-top: 7px;
}

.buildingArea .borderBotomSep {
    width: 100%;
    float: left;
    margin: 20px 0;
    height: 1px;
}

.certificates .simulateInputField p,
.buildingArea .global-actions-user-options p {
    float: left;
    margin: 0;
}

.certificates .simulateInputField .btn,
.buildingArea .plantaBx .btn,
.buildingArea .planoBx .btn,
.userArea .simulateInputField .btn{
    float: right;
    width: 20px;
    background: transparent;
    border: none;
    padding: 2px 2px 0 2px;
    font-size: 1.1em;
}

.buildingArea .no-white {
    background-color: transparent;
    padding-left: 0;
}

.buildingArea .btn-remove-container {
    margin-bottom: 20px;
}

.buildingArea .new-item .user-profile-input {
    margin-top: 50px;
    margin-bottom: 50px;
    width: 100%;
    height: auto;
}

.buildingArea .new-item .plantaBx .col-md-7,
.buildingArea .new-item .planoBx .col-md-7 {
    width: 100%;
}

.buildingArea .new-item .user-profile-input .form-input {
    padding-left: 0;
}

.buildingArea .new-item .form-box {
    padding: 5px 15px;
    margin-bottom: 10px;
    width: 100%;
}

.buildingArea .change-map-popup {
    padding: 40px;
}

.buildingArea .change-map-popup h1 {
    font-size: 1.3em;
    margin-top: 0px;
    margin-bottom: 20px;
}

.buildingArea .change-map-popup hr {
    border-color: #ccc;
}

.buildingArea .change-map-popup h4 {
    font-size: 18px;
}

.buildingArea .change-map-popup .edit-area {
    padding: 30px;
    border: 1px solid #ccc;
}

.buildingArea .change-map-popup .edit-area p {
    margin: 0px;
}

.buildingArea .change-map-popup .edit-area p span {
    display: block;
    margin-bottom: 10px;
}

.buildingArea .change-map-popup .edit-area button {
    margin: 0px 0px 20px 0px;
}

.buildingArea .change-map-popup .areaMap {
    width: 100%;
    height: 500px;
    background-color: #2C2F35;
}

.buildingArea .change-map-popup .areaMap svg {
    cursor: pointer;
}

.buildingArea .change-map-popup .inline-flex i {
    margin-left: 10px;
    margin-top: 5px;
}

/******** USUARIOS ************/
/* list */
.userArea .list-table .table-row.selected-row.extended-view .standard-column.userMainColumn {
    width: 100%;
    display: block;
    float: left;
}
.userArea .list-table .table-row.selected-row.extended-view .standard-column {
    min-width: 530px;
    width: 100%;
    display: block;
}
.userArea .mt10 {
    margin-top: 10px;
}
.userForm label {
    float: right;
    font-weight: normal;
}
.userArea .extended-view-row .header-label .lblEdit {
    display: block;
}
.userArea .departmentBox .option-group {
    margin-top: 28px;
    margin-bottom: 25px;
}
.userArea .usrOptHeightBx .option-group {
    margin-bottom: 4px;
}
.userArea .standard-column.surnameWidth {
    width: 470px;
}
.userArea .caracter25 {
    width: 250px;
}
.userArea .gruposAsignadosBox {
    margin: 0;
}
.userArea .opcCaducidadBx .option-group {
    margin-bottom: 5px;
}
.userArea .opcCaducidadBx .option-group-date-time-item {
    margin: 0 0 6px 0;
    text-align: right;
}
.userArea .opcCaducidadBx .option-group-date-time-item:first-child {
    margin: 1px;
}
.userArea .profileOptionBox .option-group {
    margin: 14px 0;
}
.userArea .user-management-row {
    margin-top: 10px;
}
.userArea .user-management-row .ext-view-table-cell.ext-view-table-cell-centered.lnkBtn {
    margin-top: 25px;
    width: 100%;
    float: left;
}
.userArea .list-table-credentials h3 {
    margin-top: 30px;
}
.userArea .user-management-row .ext-view-table-cell.ext-view-table-cell-centered.lnkBtn.disabled,
.userArea .list-table-credentials .ext-view-table-cell.credencialDelete.disabled {
    color: #999;
}
.userArea.fullpage-popup {
    overflow: auto;
    background: rgba(0, 0, 0, 0.7);
}
operator-user-info-popup .userArea .fullpage-popup-content {
    margin-top: 0px;
}
.userArea div.list-table-wrapper {
    min-height: 1010px;
}
.userArea users-row .error-tooltip-container,
users-enrollment .error-tooltip-container {
    position: absolute;
    top: 30px;
    height: auto !important;
}
.userArea users-row .error-tooltip,
users-enrollment .error-tooltip-container .error-tooltip {
    padding: 4px 10px;
}
.userArea users-row .enrolment-popup {
    margin-top: 100px;
}
.userArea .global-actions-user-options .evacuation-zone-title {
    margin-bottom: 0px;
}
.userArea .global-actions-user-options .evacuation-zone-data {
    margin-top: 0px;
}
.userArea .global-actions-user-options .evacuation-zone-data .group-right  {
    display: inline-flex;
    float: right;
    width: 100%;
}
.userArea .global-actions-user-options .evacuation-zone-data .group-right .global-actions-user-options {
    padding: 0px;
}

.userArea .print-button {
    margin-bottom: 12px;
    display: inline-flex;
}

.userArea .print-button .print-tag button {
    margin-right: 10px;
    width: 145px;
    height: 100%;
}

.userArea .print-button .global-actions-user-options.mt10 {
    margin-top: 0px;
    width: 240px;
}

users-enrollment .enrolment-popup-start-container {
    position: relative;
}
users-enrollment .enrolment-popup-start-container .error-tooltip-item {
    margin: 0;
}
users-enrollment .enrolment-popup-start-container .error-tooltip-container {
    left: 15px;
    top: 40px;
}

.new-user-page-profile-photo-container.red-border,
.user-profile-photo-container.red-border {
    border: 3px solid #c50505;
}
.userForm .disabled-mail {
    display: none;
}

/*   safariChrome hack */

.credentialHackSafari .ext-view-table-header {
    float: left;
    width: 100%;
}
.view4k .ext-view-table-header {
    border-bottom:  2px solid #ddd;
}
.view4k .ext-view-table-header .safariHack_table-cell {
    border: none;
}
.credentialHackSafari .ext-view-table-header .safariHack_table-cell {
    text-align: center;
}
.view4k .credentialHackSafari related-or-object-data-image a,
.view4k .credentialHackSafari related-or-object-data-image span {
    font-size: 18px;
}
.safariHack_table-cell {
    padding: 15px;
    border-bottom: 1px solid #ddd;
    float: left;
    height: 60px;
    display: block;
}
.safariHack_table-cell .pt10 {
    padding-top: 7px;
}

users-extended-credential-row .btn-link:focus,
users-extended-credential-row .btn-link:active,
users-extended-credential-row .btn-link:active:focus,
users-enrollment .btn-link:focus,
users-enrollment .btn-link:active,
users-enrollment .btn-link:active:focus {
    outline: none;
}

users-enrollment .credential-group .safariHack_table-cell {
    background: #d9edf7;
}

users-enrollment .credential-group>.safariHack_1.more-icon {
    padding-left: 28px;
    font-size: 0.9em;
}

users-enrollment .ext-view-table-row .bg-info {
    background: #f0f0f0;
}

users-enrollment .ext-view-table-row .ext-view-table-cell-main.bg-info {
    padding-left: 60px;
}

.safariHack_3 .ext-view-table-cell-content {
    width: 90px;
    margin: 0 auto;
}
.safariHack_5 .lnkBtn,
.safariHack_4 .ext-view-table-cell-content {
    display: block;
    width: 20px;
    margin: 0 auto;
}
.safariHack_full {
    width: 100%;
}
.safariHack_1_2 {
    width: 45%;
}
.safariHack_1 {
    width: 35%;
}
.safariHack_2 {
    width: 10%;
}
.safariHack_3,
.safariHack_4 {
    width: 20%;
}

users-extended-credential-row .grouped-credential .grouped-credential-type {
    font-size: 0.9em;
    display: flex;
    justify-content: center;
    align-items: center;
}

div:not(.notificacionesModal).view4k.operatorDesktop .ext-view-table-header .safariHack_3,
div:not(.notificacionesModal).view4k.operatorDesktop .ext-view-table-header .safariHack_4 {
    width: 21.5%;
    padding: 15px 10px;
}

.safariHack_5 {
    width: 15%;
}
.safariHack_6 {
     width: 25%;
 }
.userArea .borderCredentialBugSafari .ext-view-table-cell {
    height: 75px;
    width: 22%;
}
.borderCredentialBugSafari {
    width: 100%;
    height: 2px;
    float: left;
    color: #CCC;
}

.new-user-form .fwid .form-group {
    width: 100%;
}

.outter-error .error-tooltip-container {
    margin-top: 25px;
    margin-left: 15px;
}

/*ficha*/
.userArea .posR {
    position: relative;
}

.hackBorder {
    padding: 0;
}

.boxUserNoFlexBoxBug {
    float: left;
    width: 100%;
    display: block;
    padding: 10px 50px;
}

.boxAccessProfileNoFlexBoxBug {
    float: left;
    width: 100%;
    display: block;
    padding: 10px 0;
    overflow-x: hidden;
}

.caducityBx .posR,
.userGlobalAcctionArea .posR,
.opcCaducidadBx .posR {
    float: right;
}

.userArea .list-table .table-row.selected-row.extended-view .standard-column {
    min-width: 530px;
}

.userArea .extended-view {
    min-height: 120px;
}

.userArea .extended-view-row .row-label {
    margin-right: 0;
    text-align: right;
}

.userArea .extended-view-row .header-label {
    text-align: right;
}

.newUsrInptW .form-group,
.newUsrInptW .prevent-text-overflow {
    width: 100%;
    float: left;
}

.userArea .clickable-icon {
    float: left;
    margin: 2px 15px 0 0;
}

.userArea .profile-icons .clickable-icon {
    margin: 5px 5px 0 0;
}

.userArea .profile-icons .clickable-icon .fa-stack-2x {
    font-size: 1.2em;
}

.userArea .clickable-icon.ti-email {
    margin: 10px 15px 0 5px;
}

.userArea .clickable-icon.ti-email:hover {
    color: #0d76d3;
}

.userArea .clickable-icon.miniTxt {
    margin: 0 15px 0 0;
    font-size: 14px;
    width: auto;
    line-height: 25px;
}

.userArea .clickable-icon.miniTxt:hover {
    color: #000;
}

/* pop sites*/
.userArea .td-select-popup.asigProf {
    max-width: 700px;
}

/* pop enrolado */
.userArea .enrolment-popup-enrolled-credentials {
    margin-bottom: 25px;
}

.userArea .restLnk {
    padding: 5px 10px;
}

/* global acction */
.userGlobalAcctionArea .usrOpt .global-actions-expiration .option-group {
    min-height: 50px;
}

.userGlobalAcctionArea .usrOpt .option-group {
    min-height: 56px;
}

.userGlobalAcctionArea .actions-dropdown {
    width: 100%;
}

/* ****** COPIA DE SEGURIDAD ***** */
/* listado */
.backupArea .list-table .table-row:hover li {
    font-weight: 400;
}

.backupArea .alert {
    padding-left: 25px;
    border-width: 1px 0 0 0;
    border-radius: 0;
    margin-bottom: 0;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    padding-top: 15px;
    padding-bottom: 15px;
}

.backupArea .alert .icon {
    padding-left: 45px;
    padding-right: 25px;
}

.backupArea .main-column {
    width: 450px;
}

.backupArea .medTh {
    width: 110px;
}

.backupArea .bigTh {
    width: 700px;
}

.backupArea .icon {
    font-size: 14px;
    color: #db820a;
}

.backupArea .icon {
    font-size: 14px;
    color: #db820a;
}

.backupArea .txtAreaBx textarea,
.backupArea .txtAreaBx .prevent-text-overflow {
    width: 100%;
    display: block;
    min-height: 50px;
}

.backupArea .txtAreaBx .prevent-text-overflow span {
    display: inline;
    white-space: normal;
}

/* detail */
/* popup */
.backUp-popup {
    width: 600px;
    max-width: none;
    margin: 0 auto;
    margin-top: 100px;
    display: block;
    background: #ffffff;
    min-height: 200px;
}

.sduMioRestyle .backUp-popup .whiteBx {
    width: 100%;
}

.sduMioRestyle .backUp-popup {
    width: 92%;
}

.sduMioRestyle .backUp-popup .sduMioPop {
    width: 100%;
}

.sduMioRestyle .backUp-popup .w2 {
    width: 11%;
}

.sduMioRestyle .backUp-popup .w10 {
    width: 89%;
}

.sduMioRestyle .backUp-popup .w1 {
    width: 5%;
    padding-right: 0;
}

.sduMioRestyle .backUp-popup .w11 {
    width: 95%;
}

.sduMioRestyle .backUp-popup .whiteBx .btn-primary {
    margin: 0;
}

.sduMioRestyle .backUp-popup .ptp25 p {
    font-size: 0.90em;
    padding-bottom: 10px;
    text-align: center;
}

.backUp-popup h3 {
    /* width: 97%; */
    /* padding: 20px 40px; */
    padding: 20px;
    color: #333;
    margin: 0;
}
.backUp-popup h3 i{
    position: relative;
    top: 3px;
    margin-left: 15px;
}

.profile-icons h3 {
    width: auto;
    padding-right: 15px;
}

users-popup .profile-icons div,
#op-desktop-cctv-cacc users-popup .profile-icons div,
#op-desktop-cctv-visits users-popup .profile-icons div{
    padding: 20px 0 0
}

#viewBx operator-desktop-monitoring-popup monitoring-notification h3 i{
    position: initial;
    top: 0;
    margin-right: 5px;
}

.backUp-popup .bxLect h3 {
    padding: 20px;
}

.popBody {
    padding: 40px;
}

.popBody h4 {
    font-size: 1.2em;
    font-weight: 400;
    margin: 25px 0;
    line-height: 1.3em;
}

.popBody button.btn {
    margin: 15px auto;
    display: block;
}

.areaDrag {
    border: 1px dashed #727272;
    border-radius: 5px;
    height: 260px;
    width: 100%;
    float: left;
}

.areaDrag p {
    color: #727272;
    margin-top: 15px;
    font-size: 1.2em;
}

.step1 {
    display: none;
}

.step2 {
    display: none;
}

.backUp-popup img {
    margin: 15px auto;
    display: block;
}

/* ****** SITES ****** */

/*listado*/
.appName {
    padding: 10px;
    height: 41px;
}

.sitesArea h3,
.sitesArea .box {
    float: left;
    width: 100%;
}

.sitesArea .btn-icon.blck {
    color: #000;
    margin-right: 15px;
}

/* ficha new nav */
.sitesArea .sitesBtnArea,
.statisticsBtnArea {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 100%;
    float: left;
}

.sitesBtnArea h1 {
    color: #0D76D3;
    border-bottom: 1px solid #0D76D3;
    font-weight: lighter;
    padding: 6px 30px;
    letter-spacing: 0.2em;
    margin: 20px 0 0;
}

.noPad_col {
    width: 95%;
    padding-right: 5%;
    margin: 20px 0;
    float: left;
}

.sitesArea .sitesBtnArea .noPad_col,
.statisticsBtnArea .noPad_col {
    padding-right: 0;
}

.noPad_col .col-sm-2,
.noPad_col .col-sm-10 {
    padding: 0;
}

.sitesArea .sitesBtnArea .bigBtn,
.statisticsBtnArea .bigBtn {
    line-height: 20px;
    text-align: center;
    color: #0D76D3;
    margin: 0px;
    font-size: 1.3em;
    font-weight: 100;
    float: left;
    position: relative;
    height: 125px;
    width: 100%;
    cursor: pointer;
    /*padding: 15px 20px;*/
    padding: 15px 0;
}

.sitesArea .sitesBtnArea .bigBtn span,
.sitesArea .sitesBtnArea .bigBtn i,
.statisticsBtnArea .bigBtn span,
.statisticsBtnArea .bigBtn i {
    font-size: 2.8em;
    text-align: center;
    margin-bottom: 15px;
    width: 100%;
    display: block;
}

.sitesArea .sitesBtnArea .bigBtn span,
.statisticsBtnArea .bigBtn span {
    font-size: 20px;
    text-transform: uppercase;
}

.sitesArea .sitesBtnArea .bigBtn span.checkBtn,
.statisticsBtnArea .bigBtn span.checkBtn {
    display: none;
    border: 1px solid #0D76D3;
    background-color: #FFF;
    width: 30px;
    height: 30px;
    position: absolute;
    right: -1px;
    bottom: -1px;
    padding: 5px 0 0 0;
    margin: 0;
}

.sitesArea .sitesBtnArea .bigBtn .cacc_menu {
    padding: 0 0 15px;
}

.sitesArea .sitesBtnArea .bigBtn .cacc_menu  svg {
    height: 55px;
    width: auto;
}

.sitesArea .sitesBtnArea .bigBtn .cacc_menu  svg * {
    fill: #0D76D3;
}

.sitesArea .sitesBtnArea .bigBtn:hover .cacc_menu  svg * {
    fill: #fff;
}

.sitesArea .sitesBtnArea .bigBtn.disabled .cacc_menu  svg * {
    fill: #c5c5c5;
}

.sitesArea .sitesBtnArea .bigBtn.disabled:hover .cacc_menu  svg * {
    fill: #c5c5c5;
}

/* edit */
.sitesArea .sitesBtnArea.edit .checkBtn {
    display: none;
}

.sitesArea .sitesBtnArea .bigBtn.disabled:hover,
.sitesArea .sitesBtnArea .bigBtn.disabled,
.statisticsBtnArea .bigBtn.disabled:hover,
.statisticsBtnArea .bigBtn.disabled {
    border-color: transparent;
    background-color: transparent;
    color: #c5c5c5;
}

.sitesArea .sitesBtnArea .checkBtn:hover,
.sitesArea .sitesBtnArea .checkBtn:hover .select,
.sitesArea .sitesBtnArea .checkBtn.on .select,
.sitesArea .sitesBtnArea .checkBtn.on:hover .select,
.statisticsBtnArea .checkBtn:hover,
.statisticsBtnArea .checkBtn:hover .select,
.statisticsBtnArea .bigBtn.on .select,
.statisticsBtnArea .bigBtn.on:hover .select {
    background-color: #0D76D3;

}

.sitesArea .sitesBtnArea .bigBtn:hover,
.statisticsBtnArea .bigBtn:hover {
    background: #0D76D3;
    color: #fff;
}

/* ficha */
.sitesArea .nav-tabs,
.sitesArea .tab-pane,
.sitesArea .tab-content {
    width: 100%;
    float: left;
}

.sitesArea .tabsZone .list-table li {
    background-color: #f0f0f0;
}

.sitesArea .list-table li.active {
    border-bottom: 3px solid #0D76D3;
}

.sitesArea .nav li a {
    color: #222222 !important;
}

.sitesArea .tab-content {
    background-color: #f0f0f0;
    padding: 15px;
}

.sitesArea .bullet-primary {
    display: none;
}

.sitesArea .siteSwitchShow .bullet-primary {
    display: flex;
}

.sitesArea .configAppName {
    height: 50px;
}

.sitesArea .configAppName input {
    min-width: 350px;
    width: 350px;
}

.sitesArea .configAppName i {
    cursor: pointer;
}

.sitesArea .box .row {
    height: 50px;
    padding-top: 5px;
}

.sitesArea .prevent-text-overflow,
.sitesArea .btn-switch {
    float: right;
}

.sitesArea .swichTitle {
    width: 100%;
    display: inline-block;
}

.sitesArea .swichTitle span {
    float: left;
}

.sitesArea .swichTitle div {
    float: right;
}

.sitesArea .horariobx li {
    display: inline;
}

.sitesArea .horariobx span {
    width: 100%;
    float: left;
}

.sitesArea .horariobx li {
    width: 14.28%;
    float: left;
}

.sitesArea input {
    width: 100%;
    min-width: 100%;
}

.sitesArea .fechaHoraBx .row {
    height: 72px;
}

.sitesArea .idiomaBx .row {
    height: 35px;
}

.sitesArea .configComunicac .row {
    height: 50px;
}

.sitesArea .configServLDAP .row {
    height: 45px;
}

.sitesArea .configServLDAP .btnCenter {
    padding-top: 10px;
    padding-bottom: 20px;
}

.sitesArea .configDni .box {
    padding-top: 48px;
}

.sitesArea .configDni .row {
    height: 70px;
}

.certifFolder {
    float: left;
    width: 100%;
}

.sitesArea .rutaNpt .row {
    height: 40px;
}

.sitesArea .btnCenter .row {
    height: 40px;
}

.sitesArea .configServidorSMTP .row {
    height: 42px;
}

.sitesArea .ficherosBx .row {
    height: 75px;
}

.sitesArea .ficherosBx .row.lessHeight {
    height: 45px;
}

.sitesArea .sesionesBx .row {
    height: 57px;
}

.sitesArea .edificiosPlantaBx .row {
    height: 40px;
}

.sitesArea .huellaBx .row {
    height: 30px;
}

.sitesArea .sonidoBx .row {
    height: 30px;
}

.sitesArea .copiasBx .row {
    height: 57px;
}

.sitesArea .copiasBx .horariobx {
    height: auto;
}

.sitesArea .ddlInpt .row {
    height: 40px;
}

.sitesArea .incidenciasBx .row {
    height: 44px;
}

.sitesArea .exportRegToDelBx .row {
    height: 35px;
}

.sitesArea .mail-template row-textarea-input {
    width: 100%;
    float: right;
    min-height: auto;
}

.sitesArea .mail-template textarea {
    border: 0;
    border-bottom: 1px solid #ccc;
    height: 200px;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    background-color: white;
}

.sitesArea .mail-template textarea:focus {
    outline: 0 none;
}

.sitesArea .mail-template button {
    margin-top: 10px;
    margin-bottom: 10px;
}

.sitesArea .mail-template .row.show-result {
    padding-left: 30px;
    padding-right: 30px;
}

.sitesArea .mail-template .row.show-result .box {
    border: 1px solid #ccc;
    margin-top: 20px;
    margin-bottom: 20px;
}

.sitesArea .simulateInputField p {
    margin-bottom: 5px;
}

.sitesArea .mail-tags,
.sitesArea .mail-images {
    height: 200px;
    overflow-y: auto;
}

.sitesArea .mail-images button {
    width: 100px;
}

.new-site {
    min-height: 200px;
}

/* Installation */

.installationArea .list-table .row {
    margin-top: 15px;
    padding: 20px;
    background-color: white;
}

.installationArea .list-table i.fa {
    width: 20px;
    font-size: 1.3em;
    margin-right: 5px;
    font-weight: 700;
    color: #333333;
}

.installationArea .list-table i.fa.fa-minus,
.installationArea .list-table i.fa.fa-plus,
.installationArea .list-table i.fa.fa-spinner {
    font-size: 1em;
    font-weight: normal;
    margin-left: 25px;
    margin-right: 5px;
    color: #0D76D3;
}

.installationArea .list-table i.fa.fa-spinner {
    margin-left: 10px;
}

.installationArea .list-table .accordion-building .panel-title {
    font-weight: normal;
    padding-top: 10px;
}

.installationArea .list-table .accordion-toggle {
    cursor: pointer;
}

.installationArea .list-table .end-node {
    margin-left: 55px;
    cursor: default;
}
.installationArea #main-table>.container,
.installationArea #main-table>.container>.row,
.installationArea #main-table>.container>.row>.col-lg-12{
    padding-right: 0;
    padding-left: 0;
}
.installationArea .installation-map-accordion-container .panel-group{
    max-height: 78vh;
}
.installationArea .installation-map-accordion-container .panel-group>span{
    display: block;
    padding: 35px 35px 0;
}
.installationArea .installation-map-accordion-container .panel-group>.panel{
    padding: 50px;
    padding-top: 15px;
}

/* form styles*/

.ddlInpt .prevent-text-overflow {
    width: 100%;
    /* border-bottom: 1px solid #ddd;*/
    text-align: right;
}

.rutaNpt {
    width: 90%;
    display: block;
    margin: 5px 5% 10px 5%;
    text-align: left;
    color: #666;
    background-color: #f2f2f2;
    padding: 5px;
    font-family: cursive;
}

.rutaNpt .prevent-text-overflow {
    float: left;
}

.sitesArea .btnCenter {
    display: block;
    margin-top: 10px;
    width: 100%;
}

.sitesArea .btnCenter .btn {
    display: block;
    width: 200px;
    margin: 0px auto;
    line-height: 2.2em;
}

.sitesArea .sitesArea .configServLDAP .rutaNpt {
    margin-top: 0;
}

.sitesArea .copiasBx .horariobx {
    margin: 0 0 10px 0;
    height: 50px;
}

.sitesArea .copiasBx .horariobx span {
    text-align: center;
    margin-bottom: 5px;
}

.sitesArea .copiasBx .horariobx input {
    width: 15px;
    margin-bottom: 15px;
}

.sitesArea .functionArea .row {
    height: 57px;
    padding-top: 5px;
}

.sitesArea #main-table #main-table-inner {
    overflow: unset;
}

/* ****** VERSIONES DE LA APLICACIÓN ****** */
/*listado*/
.backupArea .selectedVersion li span,
.versionsArea .selectedVersion li span {
    font-weight: bold;
}

/*ficha*/
.versionsArea .popBody h4 {
    margin: 50px 0 75px 0;
}

.versionsArea .popBody .btn {
    margin-top: 30px;
}

/* ****** TORNOS ****** */
.tornosA {
    /*max-width: 1800px;*/
    max-width: 1550px;
    margin: 0 auto;
}

.tornosA .bxNPasillos {
    float: left;
}

.tornosA .bxNPasillos label {
    float: left;
    width: auto;
    padding: 0 5px 0 0;
}

.tornosA .bxNPasillos .form-input {
    float: left;
    width: 60px;
}

.tornosA .bxNomPasillos label {
    float: left;
    width: auto;
    padding: 0 5px 0 0;
}

.tornosA .bxNomPasillos .form-input {
    float: left;
}

.tornosA .btn-dropdown-pagination {
    min-width: initial;
    padding-top: 0;
    float: right;
    margin: 0 0 0 25px;
}

.tornosA .bgDarkGrey {
    padding: 0 25px 20px 15px;
    overflow: hidden;
}

.tornosA.tornosAPlus .bgDarkGrey {
    overflow: visible
}

.doorsArea .tornosA.tornosAPlus .liftcarArea .dropdown-menu {
    bottom: initial;
}

.doorsArea .tornosA.tornosAPlus .liftcarArea h3 {
    margin-top: 0px;
    padding-top: 25px;
}

.tornosA .specialStep span {
    float: right; /* remaquetando ficha de Torno */
    margin-left: 10px; /* remaquetando ficha de Torno */
    vertical-align: bottom; /* remaquetando ficha de Torno */
}

.tornosA .specialStep>div {
    padding-right: 0px;
}

.tornosA .specialStep .btn-switch {
    float: right; /* remaquetando ficha de Torno */
}

.tornosA .spacialStep .row {
    min-height: 45px;
}

.tornosA .spacialStep .row .col-lg-5,
.tornosA .spacialStep .row .col-sm-5,
.tornosA .spacialStep .row .col-xs-5 {
    margin-top: -5px;
}

.tornosA .spacialStep .row .col-lg-6 button,
.tornosA .spacialStep .row .col-sm-6 button,
.tornosA .spacialStep .row .col-xs-6 button,
.tornosA .spacialStep .row .col-lg-5 button,
.tornosA .spacialStep .row .col-sm-5 button,
.tornosA .spacialStep .row .col-xs-5 button {
    width: 100%;
}

.tornosA .programacionArea .row {
    height: 65px;
}

.tornosA .apbArea .row {
    height: 32px;
    padding-top: 5px;
}

.tornosA .parkingAreaTop .derecha {
    padding-top: 5px;
    padding-left: 0px;
    padding-right: 25px;
}

.tornosA .parkingAreaTop .derecha .verES {
    margin-top: 0px;
}

.tornosA .parkingAreaTop .specialStep.shortNameArea {
    margin-top: 15px;
}

.tornosA .parkingAreaTop .specialStep.shortNameArea span {
    margin-top: 0px;
}

.tornosA .parkingAreaTop .specialStep.shortNameArea p {
    margin: 0px 0px 5px;
}

.tornosA .parkingAreaTop .specialStep.shortNameArea .form-input {
    margin-right: 0px;
}

.parkingAreaTop .izquierda {
    width: 100%;
}
.tornosA .parkingAreaTop .izquierda {
    width: 66.66666667%;
}

/* ******* PARKING ********* */

.parkingA .parkingAreaTop,
.parkingA .parkingAreaBot {
    float: left;
    width: 100%;
    padding: 5px 0px 30px 0px;
}

.parkingA .parkingAreaTop {
    background-color: #e3e5e6;
    margin-bottom: 10px;
    padding: 5px 20px 30px 20px;
}

.parkingA h2 {
    padding: 5px 15px;
    height: 45px;
    margin: 0;
    background-color: #1976d3;
    color: #FFF;
    line-height: 2.6em;
}

.parkingA .btn-dropdown-pagination {
    min-width: 100px;
}

.parkingA .barrerasArea {
    margin-bottom: 20px;
    overflow: hidden;
}

.parkingA .barrerasArea .row {
    height: 34px;
}

.parkingA.doorsArea .ctrlRead {
    margin-left: 0;
}

.parkingA .parkingAreaBot .parkingAreaTop {
    padding: 0 0 15px 10px;
}

.carrilBx {
    background-color: #f0f0f0;
    width: 100%;
    margin: 0;
    float: left;
}

.parkingA .carrilBx .rightSidebar {
    padding: 0;
}

.parkingA .carrilBx .rightSidebar .pbx {
    padding: 0 2%;
    width: 30%;
}

.doorsArea.ascensorA .liftBig {
    width: 75%;
}

.doorsArea.ascensorA .carrilBx .pbx {
    width: 25%;
}

.doorsArea.ascensorA .carrilBx .pbx2,
.parkingA .carrilBx .rightSidebar .pbx2 {
    padding: 0 2%;
    width: 33%;
}

.parkingA .carrilBx .rightSidebar .parkingA .heighH3 {
    margin-left: 0;
}

.parkingA .parkingAreaBot .carrilBx .rightSidebar .areactrlRead {
    margin-top: 15px;
    margin-left: 15px;
}

.parkingA .parkingAreaBot .carrilBx .rightSidebar .areactrlRead .parkingA {
    padding: 0;
    width: 100%;
}

.parkingA .parkingAreaBot .camaras {
    width: 100%;
}

.parkingA .parkingAreaBot .camaras .row,
.doorsArea .puertaNormalCamara .row {
    height: auto;
}

.parkingA .parkingAreaBot .camaras .col-lg-6,
.doorsArea .puertaNormalCamara .col-lg-6 {
    width: 100%;
}

.parkingA .areactrlRead .ctrlRead .txtCtrl p {
    white-space: normal;
    font-size: 1.0em
}

.view4k .parkingA .areactrlRead .ctrlRead .txtCtrl p{
    color: #fff !important;
}
.carrilBx h3.pt8 {
    margin-top: 8px;
}

.carrilBx .leftSidebar {
    width: 100%;
    margin: 0;
}

.parkingA.doorsArea .opcionesArea .row {
    height: 42px;
}

.parkingA.doorsArea .programacionArea .row {
    height: 46px;
    clear: both;
}

.parkingA.doorsArea select-cctv-camera-with-show .camara,
.doorsArea .puertaNormalCamara .camara {
    min-width: 180px;
}
.parkingA.doorsArea select-cctv-camera-with-show .camara button .flex-btn-helper,
.doorsArea .puertaNormalCamara .camara button .flex-btn-helper {
    overflow: hidden;
}
.parkingA.doorsArea select-cctv-camera-with-show .boton,
.doorsArea .puertaNormalCamara .boton {
    padding: 0;
    /* min-width: 100px; */
}

.posRPop {
    position: relative;
    overflow: hidden;
}

.carrilSalidaNotif {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    height: 100%;
}

.carrilBx .alert .btn-primary {
    float: none;
    margin-top: 25px;
}

/* pop */
.backUp-popup .whiteBx .btn-primary {
    margin: 20px;
}

/* ******* ASCENSOR ******* */

.doorsArea.ascensorA {
    padding-top: 20px;
}

.doorsArea.ascensorA .leftSidebar, .doorsArea.ascensorA .rightSidebar {
    padding-top: 0;
}

.doorsArea.ascensorA .simulateTitle {
    padding: 8px 15px 0;
    height: 40px;
    margin: 0;
    background-color: #1976d3;
    color: #FFF;
    /*line-height: 2.6em;*/
}
.view4k.operatorDesktop .doorsArea.ascensorA .simulateTitle {
    padding: 0 30px;
    height: 60px;
    line-height: 45px;
}
.view4k.operatorDesktop .doorsArea.ascensorA .simulateTitle+div{
    display: flex;
    align-items: stretch;
}
.view4k.operatorDesktop .doorsArea.ascensorA .simulateTitle span{
    color: #fff !important;
}
.doorsArea.ascensorA .simulateTitle .btn-text-content {
    color: #FFF;
    display: inline-block; /* CALIMERO-4166 */
}

.doorsArea.ascensorA .simulateTitle .btn-dropdown-filter .flex-btn-helper {
    padding-right: 25px;
}

.simulateTitle .liftDdl .flex-btn-helper .ti-angle-down,
.simulateTitle .liftDdl .flex-btn-helper .ti-angle-up {
    top: 6px;
    color: #FFF;
}

.enrolment-popup-start-container .error-tooltip-container {
    top: 30px;
}

.enrolment-popup-start-container .error-tooltip {
    padding: 25px;
    width: 230px;
}

.enrolment-popup-start-container .error-tooltip-item,
.simulateTitle .liftDdl .error-tooltip-item {
    margin-top: -18px;
}

.simulateTitle .btn-dropdown-filter-container-fullwidth .btn-dropdown-filter,
.simulateTitle .btn-dropdown-filter-container-fullwidth,
.doorsArea.ascensorA .simulateTitle .btn-dropdown-pagination {
    color: #FFF;
    padding: 0;
    margin: 0;
    width: auto !important;
    min-width: initial;
}

.doorsArea.ascensorA .widthAuto .btn-dropdown-pagination .flex-btn-helper {
    margin-top: 8px;

}

.doorsArea.ascensorA .btn-dropdown-pagination {
    padding: 0;
}

.doorsArea.ascensorA .pagerAscensor {
    margin-top: 5px;
    margin-bottom: 15px;
    float: left;
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}
.view4k .doorsArea.ascensorA .pagerAscensor {
    margin-bottom: 0;
    float: left;
    width: 100%;
    padding: 10px 0;
    border-bottom: 0;
}

.doorsArea.ascensorA .pagerAscensor .btn-dropdown-pagination .prevent-text-overflow span {
    font-size: 12px;
}
.view4k .doorsArea.ascensorA .pagerAscensor .btn-dropdown-pagination .prevent-text-overflow span {
    font-size: 20px;
}

.doorsArea.ascensorA .nplantasArea .box {
    margin-bottom: 15px;
}

.doorsArea.ascensorA .nivelSegBx {
    margin-bottom: 30px;
    margin-bottom: 30px;
}

.doorsArea.ascensorA .nivelSegBx strong {
    margin-top: 5px;
}

.doorsArea.ascensorA .bgDarkGrey.asc {
    float: left;
    width: 100%;
    padding: 10px 0 20px 0;
    margin-top: 10px;
}

.doorsArea.ascensorA .bgDarkGrey.asc h3 {
    margin-top: 5px;
}

.parkingA .nivelSegBx.mt {
    margin-bottom: 105px;
}

.notifArea.asc.smll .alert {
    margin-bottom: 0;
    left: 60%;
    width: 40%;
}

.notifArea.asc.smll .alert .hideInSmall {
    display: none;
}

.notifArea.asc.smll .alert .btn-primary {
    float: left;
    margin-top: -20px;
}

.notifArea .alert-dismissable .close {
    position: absolute;
    right: 20px;
}

/* ******* Historicos ******* */
.fullwidth-filter-element .form-group.hasItems .btn-dropdown-filter {
    color: #000000;
    background-image: linear-gradient(#0D76D3, #0D76D3), linear-gradient(#747e89, #747e89);
    background-size: 100% 2px, 100% 1px;
}
notifications-main-container .filter-date-input-container>.col-sm-12{
    width:50%;
}

.view4k .filter-date-input-container {
    display: block;
    max-height: initial;
    float: none;
    padding: 15px 0;
    margin: 15px 0;
}
.view4k .notificacionesBx.notificacionesModal .filter-date-input-container>.col-sm-12{
    width: 50%;
}

.historyArea .filter-date-input-container {
    width: 580px;
    float: right;
}

.historyArea .btn-switch-container {
    margin-top: 7px;
}

.historyArea .filter-date-input-container label {
    font-size: 11px;
}

.historyArea .btn-report-container {
    padding-top: 0;
    padding-right: 10px;
    padding-bottom: 15px;
    width: 100%;
}

.historyArea .checkbox {
    margin: 0;
}

.historyArea .chk {
    width: 8%;
    float: left;
}

.historyArea .checkbox .chk input {
    position: relative;
    margin-left: 0;
    margin-top: 20px;
}

.historyArea .checkbox .fullwidth-filter-element {
    width: 92%;
    float: left;
}

.list-table .main-column.dateTimeCol {
    width: 110px;
}

.list-table .main-column.dataTimeFullCol {
    width: 190px;
}

.list-table .main-column.dniCol {
    width: 190px;
}

.simulateTableToPrint {
    float: left;
    width: 100%;

}

.filterSpecialSwitcher-pre-div {
    margin-top: 15px;
}

.filterSpecialSwitcher {
    padding: 3px 0px;
    width: 100%;
    float: left;
}

.filterSpecialSwitcher .inlineElem {
    float: left;
    display: block;
    width: 30px;
}

.filterSpecialSwitcher span.inlineElem {
    padding: 0 20px 0 0px;
    width: auto;
}

/* perfiles de acceso*/
.access-profiles-filter .switchFilterBx .btn-switch label {
    float: none;
    margin-left: 4px;
}

.accessProfilesArea .nuo-visits-pro {
    font-size: 24px;
}

.accessProfilesArea .list-table-filters i {
    font-size: 17px;
    /*color: #ffffff;
    margin-left: -20px;
    margin-bottom: 5px;*/
}

.accessProfilesArea .disabledMode label {
    color: #848484;
}

.accessProfilesArea .list-table .table-header .second-group-columns .second-list-level {
    padding: 2px 0;
    padding-left: 10px !important;
    margin: 0 15px;
    background-color: #f2f2f2;
}

.accessProfilesArea .otherBx label,
.accessProfilesArea .cerdentialsBx label {
    color: #000000;
    font-weight: 400;
    margin-bottom: 0;
    margin-right: 15px;
    font-size: 15px;
}

.profileArea label {
    font-weight: normal;
}

.accessProfilesArea .main-column {
    width: 850px;
}

.accessProfilesArea .main-column input {
    width: 100%;
    float: left;
}

.accessProfilesArea .ext-view.ext-view-bordertop.ext-view-access-profiles .profiles-popup-overlay.ng-scope .user-profiles-row-flex.group-management-content.assigned-doors-content .user-profiles-box.detail-view-access-profile {
    max-height: 350px;
}

.accessProfilesArea .fullpage-popup-content {
    padding-bottom: 50px;
}

.accessProfilesArea .user-profiles-box .detail-view-separator-container {
    padding-bottom: 0;
    padding-top: 0;
}

.accordion-door .access-group-list-restricted-icon,
.accessProfilesArea .accordion-door .access-group-list-restricted-icon {
    color: #F00;
    font-size: 14px !important;
    line-height: 0.7em;
    display: block;
    height: auto;
    margin-right: 5px;
}

.otherBx,
.accessProfilesArea .caducityBx,
.userTemplateArea .otherBx,
.accessProfilesArea .otherBx {
    float: left;
    width: 100%;
}

.accessProfilesArea .profileArea .ng-hide + .otherBx {
    /*margin-top: 38px;*/
}
.accessProfilesArea .profileOption.ng-hide + .caducityBx {
    margin-top: 0;
}

.accessProfilesArea .profileOption .option-group,
.accessProfilesArea .caducityBx .option-group {
    min-height: 34px;
    margin-bottom: 5px;
}

.accessProfilesArea .profileOption .option-group i {
    font-size: 1.3em;
    color: #1976d2;
}

.accessProfilesArea .profileOption .option-group i.ti-id-badge {
    font-size: 1.6em;
    color: #1976d2;
    opacity: 0.6;
    margin-right: 3px;
    filter: alpha(opacity=60);
}

.accessProfilesArea .cerdentialsBx .option-group {
    height: 34px;
    margin-bottom: 6px;
}

.accessProfilesArea .option-group-bx {
    height: 130px;
}

.accessProfilesArea .detail-view-assigned-groups-list {
    height: 365px;
}

.accessProfilesArea .capacity-group-selector label,
.fullpage-popup .capacity-group-selector label {
    margin-right: 0px;
}

.accessProfilesArea .capacity-group-selector row-dropdown-input,
.fullpage-popup .capacity-group-selector row-dropdown-input {
    width: 50%;
    float: right;
    padding: 0px;
}

.fullpage-popup .capacity-group-selector row-dropdown-input .prevent-text-overflow .selected-value,
.accessProfilesArea .capacity-group-selector row-dropdown-input .prevent-text-overflow .selected-value {
    float: right;
}

/* grupos de acceso*/
.accessGroupArea .list-table .single-column {
    width: 850px;
}

.accessGroupArea .list-table .single-column .form-input {
    width: 850px;
}

.accessGroupArea .nuo-visits-pro {
    font-size: 24px;
}

.accessGroupArea h2 {
    font-size: 18px;
}

.accessGroupArea .btn-bullet-tooltip {
    float: left;
    width: 20px;
    height: 20px;
    padding: 3px;
    margin: 0;
}

.user-profiles-box.detail-view-access-profile .posR,
.group-management-popup-doors .posR,
.accessGroupArea .posR {
    float: left;
    width: 20px;
    position: relative;
}

.user-profiles-box.detail-view-access-profile .popover-table,
.group-management-popup-doors .popover-table,
.accessGroupArea .popover-table {
    width: 100%;
}

.user-profiles-box.detail-view-access-profile .popover .arrow,
.group-management-popup-doors .popover .arrow,
.accessGroupArea .popover .arrow {
    top: 25px !important;
}

.user-profiles-box.detail-view-access-profile .popover,
.group-management-popup-doors .popover,
.accessGroupArea .popover {
    display: block;
    background-color: #FFF;
    border: none;
    width: 160px;
    top: -14px;
}

.user-profiles-box.detail-view-access-profile .popover.right > .arrow:after,
.group-management-popup-doors .popover.right > .arrow:after,
.accessGroupArea .popover.right > .arrow:after {
    bottom: -10px;
    left: 1px;
    content: " ";
    border-right-color: #fff;
    border-left-width: 0;
}

.user-profiles-box.detail-view-access-profile .popover > .arrow:after,
.group-management-popup-doors .popover > .arrow:after,
.accessGroupArea .popover > .arrow:after {
    content: "";
    border-width: 10px;
}

.user-profiles-box.detail-view-access-profile .popover > .arrow, .popover > .arrow:after,
.group-management-popup-doors .popover > .arrow, .popover > .arrow:after,
.accessGroupArea .popover > .arrow, .popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.accessGroupArea .search-bar-pagination-filter-selector .col-xl-2,
.accessGroupArea .search-bar-pagination-filter-selector .col-lg-3,
.accessGroupArea .search-bar-pagination-filter-selector .col-md-4,
.accessGroupArea .search-bar-pagination-filter-selector .col-sm-6 {
    width: 50%;
}
.accessProfilesArea .group-door-message,
.accessGroupArea .group-door-message,
.apbZone-message,
.turn-message {
    padding: 15px;
    background: #f0f0f0;
}

.accessProfilesArea *:not(empty-doors-message) > .group-door-message div,
.accessGroupArea *:not(empty-doors-message) > .group-door-message div {
    padding: 15px;
    background: lightyellow;
    width: 500px;
    text-align: center;
}

.accessProfilesArea .group-door-message span,
.accessGroupArea .group-door-message span {
    padding-right: 50px;
}

.mensajePuertaVacia {
    border: 1px solid red;
    background-color: rgba(255,0,0,0.5);
    padding: 15px 20px;
}

.mensajePasilloIncompleto {
    border: 1px solid #e8a639;
    background-color: rgba(255, 104, 10, 0.2);
    padding: 15px 20px;
}

.mensajePuertaVacia .i_no_assigned_doors,
.mensajePuertaVacia .fa,
.mensajePasilloIncompleto .fa {
    font-size: 24px;
    margin: -2px 20px 0 0;
    float: left;
}

.mensajePuertaVacia .ti-close,
.mensajePasilloIncompleto .ti-close {
    float: right;
}

/*
.accessGroupArea empty-doors-message .group-door-message div {
    width: auto;
    padding: 0;
    background-color: transparent;
}
.accessGroupArea empty-doors-message .group-door-message .container {
    width: 1400px;
    padding: 15px;

}
*/

/* Para mostrar scroll en las fichas de nuevo */
#newUserCtrlr.user-area,
#newOperatorCtrlr.operatorArea,
#newCardTemplatePrinterCtrlr.card-template-printer,
#newApbZoneCtrlr.apb-zone,
#newLiftcarSystemCtrlr.liftcarSystemArea,
#newBuildingCtrlr.buildingArea,
#newEnterpriseCtrlr.enterpriseArea,
#newDepartmentsCtrlr.departmentsArea,
#newAccessProfileCtrlr.accessProfilesArea,
#newAccessGroupsCtrlr.accessGroupArea,
#newCapacityGroupsCtrlr.capacityGroupsArea,
#newDoubleInterventionGroupCtrlr.doubleInterventionGroupsArea,
#newStatisticFilterCtrlr.statisticFiltersArea {
    height: calc(100vh - 101px);
    overflow-y: auto;
}

#newDepartmentsCtrlr.departmentsArea .new-item-page,
#newEnterpriseCtrlr.enterpriseArea .new-item-page,
#newCapacityGroupsCtrlr.capacityGroupsArea .new-item-page {
    height: initial;
    overflow-y: hidden;
}

/* Ocultamos para las diferentes posiciones el icono */
/* Solo lo mostramos en el area de perfil */
.ver-detalle .fa-stack {
    display: none;
}
/* Para el area de perfil */
.accessProfilesArea .ver-detalle .fa-stack {
    display: inline-block;
}

.accessProfilesArea li.icon-column .fa-stack,
.accessGroupArea li.icon-column .fa-stack {
    margin-top: 20px;
    font-size: 1.7em;
    margin-left: -10px;
}

/* departamentos */
.terminalArea .custom-fields-box-global-actions .form-input,
.controllerArea .custom-fields-box-global-actions .form-input,
.doorArea .custom-fields-box-global-actions .form-input,
.capacityGroupsArea .custom-fields-box-global-actions .form-input,
.doubleInterventionGroupsArea .custom-fields-box-global-actions .form-input,
.statisticFiltersArea .custom-fields-box-global-actions .form-input,
.departmentsArea .custom-fields-box-global-actions .form-input {
    width: 100%;
}

.capacityGroupsArea .custom-fields-box-global-actions.error,
.departmentsArea .custom-fields-box-global-actions.error {
    height: 130px;
}

.capacityGroupsArea .bottom-line,
.departmentsArea .bottom-line {
    border-bottom: 1px solid #cccccc;
    padding-top: 15px;
    padding-bottom: 15px;
}

.doorsArea .first-group-columns .standard-column.standard-column-centered.small-column {
    display: flex;
    width: 100px;
    min-width: 100px;
}

/* horarios */
.schedulerArea .list-table .selected-row,
.schedulerArea .status-bar.preview-item,
.schedulerArea .user-profiles-selected-row,
.schedulerArea .detail-view-access-profile-title
{
    background: #e0f0ff !important;
}

.schedulerArea .uib-day .non-workable-day .day-indicator {
    background: #8cbf33;
}

.schedulerArea .uib-day .non-workable-day.main-day .day-indicator {
    background: #A0DEE6;
    background: linear-gradient(45deg, #8cbf33 0%, #8cbf33 50%, #A0DEE6 51%, #A0DEE6 100%);

}

.schedulerArea .uib-day .non-workable-day.special-day .day-indicator {
    background: linear-gradient(45deg, #8cbf33 0%, #8cbf33 50%, #FEBDD2 51%, #FEBDD2 100%);
}

.schedulerArea .uib-day .no-access-day.non-workable-day .day-indicator {
    background: #8cbf33;
    background: linear-gradient(45deg, #D2D2D2 0%, #D2D2D2 50%, #8cbf33 51%, #8cbf33 100%);
}

.schedulerArea .timetable-festive-days,
.schedulerArea .festivos-bullet {
    background: #8cbf33;
}

/* CALIMERO- */
.schedulerArea .uib-day .btn {
    cursor: inherit;
}
.schedulerArea .uib-day .btn:focus,
.schedulerArea .uib-day .btn:hover,
.schedulerArea .uib-day .btn:active {
    background-color: transparent;
    box-shadow: none;
}

.schedulerArea .new-timetable-row .new-timetable-table .new-timetable-table-content .new-timetable-table-content-row .new-time-table-content-first-column-list .form-checkbox {
    margin: 0px 0px 5px 0px;
}

/*Grupos de doble intervención*/
double-intervention-group-extended,
double-intervention-group-extended .ext-view {
    width: 100%;
}

double-intervention-group-extended .ext-view {
    padding-top: 25px;
}

.double-intervention-group-extended .user-template-content {
    max-width: none;
}

.double-intervention-group-extended .search-bar-pagination {
    border-bottom: 0px;
}

.double-intervention-group-extended .search-results {
    height: 300px;
}

.double-intervention-group-extended .search-results .fa {
    margin-left: 47%;
    margin-top: 20px;
}

.double-intervention-group-extended .assigned-data {
    height: 370px;
}

.double-intervention-group-extended .select-list {
    height: 100%;
    overflow-y: auto;
}

.double-intervention-group-extended .select-item {
    display: inline-flex;
}

.double-intervention-group-extended .select-item .form-checkbox {
    width: 20px;
    height: 20px;
}

.double-intervention-group-extended .select-item span {
    margin-left: 20px;
}

/* Módulo de estadísticas */
.statisticsRealTime {
}

.statisticsRealTime .linkFilterBx {
    padding: 70px 10px;
}

.statisticsRealTime .linkFilterBx .inptBx .btn-dropdown-filter .flex-btn-helper {
    display: inline-grid;
    width: 100%;
}

.statisticsRealTime .statisticFilterChart {
    padding: 0px 25px;
}

.statisticFilterBox {
    background: white;
    /*border: 1px solid black;*/
    height: 100%;
    padding: 10px;
    margin-bottom: 50px;
    overflow-x: auto;
}

.statisticHistorical .list-table-filters {
    height: 37px;
}

#main-table.statisticFilterBox {
    overflow-x: auto;
    height: 500px;
}

.statisticHistorical div.list-table-wrapper {
    min-height: 600px;
    overflow-y: auto;
}

/*Acciones globales */

/* *** actualizar firmware * */
.updateFirmwareArea .popFw {
    float: left;
    width: 100%;
    padding: 30px;
}

.updateFirmwareArea h4.info {
    padding: 5px;
    text-align: center;
    font-size: 1.1em;
    font-weight: normal;
}

.updateFirmwareArea h4.info strong {
    margin: 0 3px;
    font-weight: bold;
}

.updateFirmwareArea .popFw h4 {
    margin: 5px 2%;
}

.updateFirmwareArea .popFw h3 {
    margin-bottom: 20px;
    text-align: center;
}

.updateFirmwareArea .popFw .m-t {
    margin-top: 30px;
}

.updateFirmwareArea ul.box {
    margin: 5px 2% 25px 2%;
    padding: 10px;
    float: left;
    width: 98%;
    background-color: #f0f0f0;
}

.updateFirmwareArea li {
    width: 100%;
    float: left;
    margin: 5px;
}

.updateFirmwareArea li span {
    width: 76%;
    float: left;
    margin: 5px;
    margin: 0 2%;

}

#firmwareCtrlr .list-table .table-row {
    margin-top: -5px;
}

.updateFirmwareArea li span.num {
    width: 15%;
    float: right;
    text-align: right;

}

/* ****NOTIFICACIONES***** */
.notificationsArea .list-table .main-column {
    width: 710px;
}

.notificationsArea .notificationConfiguration {
    min-height: 110px;
}

.notificationsArea .notificationConfiguration h3 {
    margin-bottom: 0px;
}

.notificationsArea .protocol {
    max-height: 80px;
    overflow-y: auto;
}

.notificationsArea .protocol p {
    margin: 0;
}

.notificationsArea .listado-notas {
    clear: both;
    max-height: 320px;
    overflow-y: auto;
    margin-bottom: 16px;
}
.view4k .notificationsArea .listado-notas {
    max-height: 300px;
}

.notificationsArea .listado-notas .notify-protocol {
    background-color: #fff;
    padding: 6px 20px;
}

.notificationsArea .listado-notas .nota {
    display: block;
    padding-left: 10px;
}
.notificationsArea .listado-notas .note-separator {
    margin: 8px -20px 0;
}
.notificationsArea .listado-notas .notify-protocol:last-of-type .note-separator {
    display: none;
}

.notificationsArea .table-row .ver-detalle {min-width: 60px;}
.notificationsArea .table-row .ver-detalle button {margin-right: 0;}

.view4k .notificationsArea textarea.notify-protocol {
    background-color: #595d66;
}

.view4k .notificationsArea textarea::-webkit-input-placeholder {
    color: #ddd;
    opacity: 1;
}
.view4k .notificationsArea textarea:-moz-placeholder {
    color: #ddd;
    opacity: 1;
}
.view4k .notificationsArea textarea::-moz-placeholder {
    color: #ddd;
    opacity: 1;
}
.view4k .notificationsArea textarea:-ms-input-placeholder {
    color: #ddd;
    opacity: 1;
}



/* ***review * **/
.notificationsArea .bigStandard {
    width: 300px;
}

.notificationsArea .btn-notif-count {
    width: auto;
    height: 30px;
    margin: 0 40px 0 20px;
}

.notificationsArea .btn-notif-count .label {
    cursor: pointer;
}

.notificationsArea .label {
    background-color: #f00;
    color: #fff;
    padding: 5px 1px;
    position: absolute;
    top: -15px;
    border-radius: 50%;
    width: 24px;
    height: 24px;
}

.notificationsArea .box .col-sm-12 {
    padding: 15px 40px;
    border-bottom: 1px solid #f0f0f0;
}

.notificationsArea .box .col-sm-12 label {
    padding-top: 5px;
}

.notificationsArea .txtAreaBx {
    width: 100%;
    float: left;
    margin: 15px 0 15px 0;
    min-height: 50px;
}

.notificationsArea .txtAreaBx textarea {
    width: 100%;
    max-width: 100%;
    float: left;
    padding: 10px;
    border: 1px solid #cccccc;
    height: 50px;
    background-color:white;
}

.notificationsArea .btn-primary.active {
    background-color: rgba(0, 0, 0, 0.2);
}

.notificationsArea .specialLine {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 10px;
}

.notificationsArea .active {
    background: #e0f0ff;
}

/****** LIFCARSYSTEMS ******/
.liftcarSystemArea .big-butllets .bullet-primary {
    width: 18px;
    height: 18px;
}

.liftcarSystemArea .big-butllets .fa-spinner {
    color:#0D76D3;
    height: 18px;
}

.liftcarSystemArea .m-t-10 {
    margin-top: 10px;
}

.liftcarSystemArea .m-t-7 {
    margin-top: 7px;
}

.liftcarSystemArea .m-r-10 {
    margin-right: 10px;
}

/********* CARDTEMPLATEPRINTER ********/
.cardTemplatePrintersArea.new-item-page {
    max-height: none;
}

.cardTemplatePrintersArea .user-template-box.text-area-content textarea {
    width: 100%;
    height: 500px;
}

.cardTemplatePrintersArea .user-template-box.text-area-content {
    width: 100%;
    height: 530px;
}

.cardTemplatePrintersArea .big-butllets .bullet-primary {
    width: 18px;
    height: 18px;
}

/* *******  OPERATOR  ****** */
.operatorArea .box {
    float: left;
    width: 100%;
    height: 160px;
}

.operatorArea .large-main-column {
    width: 380px;
}

.operatorArea .main-column {
    width: 100%;
}

.operatorArea .first-group-columns {
    width: calc(100% - 55px);
}

.operatorArea operator-position-row .first-group-columns ul li.main-column:last-child {
    width: unset;
}

.operatorArea .standard-column {
    width: 300px;
}

.operatorArea .list-table .table-row .multiple-error .error-tooltip,
.operatorArea .multiple-error .error-tooltip,
.add-visits-container .error-tooltip {
    display: inline-table;
    padding-bottom: 0px;
}

.operatorArea .box .form-group {
    width: 100%;
    height: 45px;
    float: left;
}

.operatorArea .h2col .form-group {
    height: 50px;
}

.operatorArea .h4col .form-group {
    height: 45px;
    margin-bottom: 12px;
}

.operatorArea .zoneFilterInView {
    margin-bottom: 30px;
}

.operatorArea .zoneFilterInView .h4col .box .form-group.inl {
    height: 23px;
    margin-bottom: 5px;
}

.operatorArea .zoneFilterInView .h4col .box .form-group label {
    margin-bottom: 0px;
}

.operatorArea .zoneFilterInView .h4col .box .form-group.inl label {
    margin-bottom: 10px;
}

.operatorArea .zoneFilterInView .option-group-date-time-item {
    font-size: 0.9em;
}

.operatorArea .zoneFilterInView .option-group-date-time-item.smallTime {
    font-size: 0.8em;
}

.operatorArea .zoneFilterInView .form-group {
    margin-bottom: 5px;
    height: unset;
    min-height: 28px;
}

.operatorArea .zoneFilterInView .box {
    height: 130px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.operatorArea .backUp-popup.kindOperatorTable {
    width: 800px;
}

.backUp-popup.kindOperatorTable .table .first-column {
    width: 50px;
}

.backUp-popup.kindOperatorTable .table .nZonaSize {
    width: 60%;
}

.operatorPop .backUp-popup p {
    font-size: 1.2em;
}

.operatorPop .backUp-popup {
    width: 600px;
    padding: 50px;
    overflow: hidden;
}

.operatorPop .bxCenter .btn-primary {
    width: 100px;
    margin-top: 50px;
}

.operatorArea .info-circle {
    color: #3c424c;
    background: #fff;
    border-radius: 30px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px 1px rgba(0, 0, 0, 0.22);
    padding: 10px;
    float: right;
    line-height: 10px;
    cursor: pointer;
    visibility: hidden;
}

.operatorArea .permisosBx th,
.operatorArea .permisosBx td {
    padding: 5px 15px;
    vertical-align: middle;
    text-align: center;
}

.operatorArea .permisosBx .colTh {
    background-color: #FFF;
    padding: 5px;
    width: 230px;
}

.operatorArea .permisosBx .colTh span {
    text-align: right;
    font-weight: normal;
    width: 100%;
    float: left;
    display: block;
    padding: 0;
    line-height: 25px;
}

.operatorArea .permisosBx .colTh i {
    width: 30px;
    float: right;
    line-height: 25px;
}

.operatorArea .permisosBx .btn-switch label {
    margin-top: 0;
    margin-bottom: 0;
}

.operatorArea .permisosBx .disabled .fa {
    color: #777777;
}

.operatorArea .puestosOperator {
    width: 100%;
    float: left;
    background-color: #FFF;
    padding: 15px 0;
}

.operatorArea .puestosOperator .tableLbl,
.operatorArea .permisosBx .tableLbl {
    text-align: center;
    width: 100%;
    margin: auto;
    float: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.operatorArea .puestosOperator .tableLbl {
    text-align: left;
    width: 100%;
    padding: 5px 0;
}

.operatorArea .permisosBx th,
.operatorArea .permisosBx .colSpaces {
    background-color: #e4e4e4;
}

.operatorArea .permisosBx thead th.ng-scope {
    padding-left: 4px;
    padding-right: 4px;
}
.operatorArea .permisosBx .colSpaces {
    text-align: right;
}

.operatorArea .permisosBx th .tableLbl label,
.operatorArea .permisosBx th .bullet-primary {
    padding: 0 5px;
    font-size: 1.0em;
    line-height: 16px;
}

.operatorArea .permisosBx th .bullet-primary {
    float: none;
    display: block;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.operatorArea .permisosBx th .tableLbl label {
    display: block;
}

.operatorArea .permisosBx row-switch-input {
    display: block;
    height: 34px;
    position: relative;
}

.operatorArea .puestosOperator .tableLbl label {
    float: left;
    padding: 0 5px;
    font-size: 0.9em;
    font-weight: normal;
    line-height: 16px;
}

.operatorArea .puestosOperator .operatorBullet {
    float: left;
    padding: 0 5px;
    line-height: 16px;
}

.operatorArea .titleOperat {
    text-align: right;
    font-size: 1.1em;
    font-weight: bold;
}

.operatorArea .permisosBx {
    width: 100%;
    float: left;
    display: block !important;
}

.operatorArea .permisosBx td .bullet-primary {
    float: none;
    width: 11px;
    height: 11px;
    margin: 0 auto;
    padding: 0;
}

.operatorArea .permisosBx th .btn-switch input[type=checkbox] + .switch:after,
.operatorArea .permisosBx td .btn-switch input[type=checkbox] + .switch:after {
    left: -10px;
}

.operatorArea .permisosBx th .btn-switch input[type=checkbox]:checked + .switch:after,
.operatorArea .permisosBx td .btn-switch input[type=checkbox]:checked + .switch:after {
    left: 10px;
}

.operatorArea .permisosBx .puestos-sites {
    background-color: #fff;
    padding: 10px 0 20px;
}
.operatorArea .permisosBx .puestos-sites + .puestos-sites {
    background-color: #e4e4e4;
}

.operatorArea .permisosBx .puestos {
    background-color: #fff;
}

.operatorArea .permisosBx .puestos .fila {
    background-color: #f0f0f0;
    border-bottom: 1px solid #ddd;
    padding: 0 20px;
    min-height: 50px;
}

.operatorArea .permisosBx .puestos .fila:nth-of-type(2n+1) {
    background-color: #f9f9f9;
}
.operatorArea .op-position-switch .bullet-primary {
    margin-top: 25px;
}
.operatorArea .op-position-switch .btn-switch {
    margin-top: 18px;
}
.operatorArea .table-sites {
    overflow-x: auto;
    overflow-y: hidden;
    margin-left: 190px;
}
.operatorArea .table-sites table {
    margin-bottom: 0;
}
.operatorArea .table-sites th,
.operatorArea .table-sites td {
    min-width: 96px;
    height: 34px;
}
.operatorArea .table-sites th {
    padding: 12px;
    position: relative;
    height: 110px;
}
.operatorArea .table-sites .columna1 {
    position: absolute;
    width: 205px;
    left: 0;
    top: auto;
}
.operatorArea .table-sites tbody .columna1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.operatorArea .table-sites th .texto-sitios {
    padding-top: 12px;
}
.operatorArea .table-sites th .texto-espacios {
    padding-top: 36px;
}

.operatorArea .table-sites th .bullet-primary {
    position: absolute;
    bottom: 0;
    display: block;
}

.zoneFilterInView .viewOperatorCol {
    margin-bottom: 15px;
    float: left;
    width: 100%;
}

.zoneFilterInView .viewOperatorCol .diferentColByView8,
.zoneFilterInView .viewOperatorCol .diferentColByView4 {
    width: 100%;
    margin-bottom: 5px;
    float: left;
    height: 44px;
    padding-left: 0;
    padding-right: 0;
}

.operatorArea .viewOperatorCol .diferentColByView4 .form-group {
    height: 25px;
}

.diferentColByView4 .error-tooltip {
    margin-top: 30px;
}

/* ********** cctv   **/

.cctvDckArea .principalTd .btnTable {
    width: auto;
}

.videoWallPop {
    padding: 30px 0 0 0;
    float: left;
    width: 100%;
    background: #f0f0f0;
}

.bgWhite{
    background-color: #fff !important;
}

.videoWallPop .bgWhite {
    padding: 30px;
    margin-top: 15px;
    padding-top: 15px;
}


.videoWallPop .form-group {
    margin: 10px 0;
    width: 100%;
}

.mosaicoGenerado {
    width: 100%;
    float: left;
    padding: 20px;
}

.mosaicoGenerado .row {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.mosaicoGenerado [class^="col"], .mosaicoGenerado [class*="col"] {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    height: 20px;
}

.mosaicoGenerado [class^="col"]:hover, .mosaicoGenerado [class*="col"]:hover {
    background-color: #00a500;
}

.cctvTcpIpBx .box {
    background-color: #fff;
    float: left;
    width: 100%;
}

.cctvTcpIpBx .form-group {
    margin-bottom: 10px;
    width: 100%;
    padding: 15px 10px 0 10px;;
}

.titularSett {
    background: #fff;
    padding: 10px 20px;
    float: left;
    width: 100%;
    margin: 20px 0;
}

.titularSett h3 {
    margin-bottom: 10px;
    margin-top: 0;
}

.cctvSettings .titularSett .bigNumber {
    float: left;
    border-right: 1px solid #FFF;
    margin-right: 15px;
    height: 64px;
    padding-top: 12px;
    font-size: 1.8em;
    font-weight: normal;
}

.cctvSettings .titularSett .form-bx {
    background-color: #ccc;
    margin-left: 15px;
    height: 64px;
    padding: 5px;
}

.cctvSettings .titularSett .borderBotomReadOnly {
    border-bottom: 1px solid #ccc;
    height: 20px;
    color: #000000;
    padding: 0 0 3px 0;
    font-size: 14px;
    margin-right: 15px;
}

.cctvSettings .titularSett .fullwidth {
    width: 93%;
}

.cctvSettings .noEmpty {
    min-height: 55px;
}

.cctvSettings .global-actions-user-options {
    min-height: 52px;
}

.lightSystem .global-actions-user-options,
.lightSystem .global-actions-user-options .row {
    min-height: 40px;
}

.lightSystem .global-actions-user-options .affected-doors .col-sm-12 {
    padding-left: 0px;
    padding-right: 30px;
}

.lightSystem .prevent-text-overflow .selected-value {
    margin-top: 10px;
}

.lightSystem .global-actions-user-options .affected-doors .dropdown-menu {
    top: auto;
    bottom: 24px;
}

.lightSystem .global-actions-user-options .affected-doors .dropdown,
.lightSystem .global-actions-user-options .affected-doors .dropdown-toggle {
    width: 100%;
}

.cctvForm .camara-tipo-imagen {
    background: #fff center no-repeat;
    min-height: 116px;
    margin-top: 14px;
    padding-top: 16px;
    text-align: center;
}

.cctvForm .camara-tipo-imagen.camara360 {
    background-image: url('img/camara-360.svg');
}

.cctvForm .camara-tipo-imagen.bullet {
    background-image: url('img/camara-bullet.svg');
}

.cctvForm .camara-tipo-imagen.domo {
    background-image: url('img/camara-domo.svg');
}

.cctvForm .camara-tipo-imagen.pared {
    background-image: url('img/camara-pared.svg');
}

.cctvForm .camara-tipo-imagen.ptz {
    background-image: url('img/camara-ptz.svg');
}

.cctvForm .camara-tipo-imagen.termica {
    background-image: url('img/camara-termica.svg');
}

.cctvForm .camara-tipo-led {
    padding: 6px 20px 20px 6px;
    position: relative;
}

.cctvForm .camara-tipo-led .bullet-primary {
    display: block;
    position: absolute;
    right: 6px;
    bottom: 6px;
}


/* para operadores */


.cctvView .sizeA {
    width: 65%;
}

.cctvView .sizeB {
    width: 20%;
}

.cctvView .sizeC {
    width: 10%;
}

.cctvView .formAlarmArea.cctvForm {
    background-color: transparent;
    border-bottom: 0px solid #ccc;
}

.cctvView .formAlarmArea.cctvForm .mt40 {
    margin-top: 40px;
}

.cctvView .formAlarmArea.cctvForm .accionesBx .box {
    background-color: transparent;
}

.cctvSettings .form-group.label-floating {
    margin: 0;
}

.combinedInputBx {
    width: 100%;
    float: left;
}

.cctvSettings .bigNumber.mt20 {
    margin-top: 19px;
}

/* ********** VISITS AREA   **/
.visitArea .operatorVisit {
    float: left;
    width: 100%;
    height: auto;
    overflow-y: auto;
}

.new-item.visitArea .operatorVisit {
    height: calc(100vh - 111px);
}

.view1k.op_ccac_visits .main-content.userGlobalAcctionArea .ext-view-padding{
    padding-bottom: 45px;
}

.view1k.op_ccac_visits .new-item.visitArea .operatorVisit {
    height: calc(100vh - 164px);
}

.userSerachInput .form-group {
    margin: 0;
    width: 100%;

}

.visitArea .prevent-text-overflow {
    overflow: visible;
}

.visitArea .list-table .table-row .standard-column.prevent-text-overflow {
    width: 160px;
}

.visitArea .add-visits-container {
    background-color: transparent;
    padding: 0;
}

.visitArea .print-button {
    margin-top: 12px;
    margin-bottom: 12px;
}

.visitArea .print-button .print-tag {
    padding-left: 30px;
}

.visitArea .print-button button.btn-primary {
    width: 50%;
    float: right;
}

.visitArea .user-management-row .print-button button.btn-primary {
    width: 100%;
}

.visitArea .print-button .global-actions-user-options {
    width: 50%;
}

.visitArea .print-button .global-actions-user-options.mt10 {
    margin-top: 0px;
}

.visitArea .visitor-credential {
    width: 217px;
}

.foto-visita {
    padding: 15px 30px 0;
    width: 150px;
    /*display: none;*/
    /*vertical-align: top;*/
}

.foto-visita .user-profile-photo-container {
    width: 125px;
    height: 125px;
    border-radius: 100px;
}

.foto-visita .list-table-profile-image-outsourcing::after {
    width: 30px;
    height: 30px;
}

.foto-visita .user-profile-photo-overlay {
    font-size: 13px !important;
    padding-bottom: 10px;
    cursor: pointer;
}

#op-desktop-cctv-visits .foto-visita,
.op_cctv_planim .foto-visita,
.op_ccac_visits .foto-visita,
.operatorDesktop .foto-visita {
    display: inline-block;
}

.op_cctv_planim .add-visits-form,
.op_ccac_visits .add-visits-form,
.operatorDesktop .add-visits-form {
    display: inline-block;
    width: calc(100% - 160px);
}
.view4k .edit-photo {
    top: 50px;
    height: calc(100% - 50px);
}
.edit-photo-visitas .edit-photo-popup {
    padding-right: 0;
}

.view4k .edit-photo .edit-photo-overlay h3,
.view4k .edit-photo .edit-photo-overlay p,
.view4k .edit-photo .edit-photo-overlay label,
.view4k .edit-photo .edit-photo-overlay span,
.view4k .edit-photo .edit-photo-overlay button {
    color: #333;
}

.view4k .edit-photo-header button {
    color: #fff;
}



.view4k .edit-photo button {
    font-size: 12px !important;
    font-weight: bold;
}

.view4k .edit-photo .i_ti-back-right,
.view4k .edit-photo .ti-back-left {
    font-size: 15px;
}

.preregist,
.visitArea .add-visits-container .add-visits-form {
    background-color: #E3E5E6;
}

.visitArea .add-visits-container .add-visits-form {
    width: 100%;
}

.preregist {
    clear: both;
    padding: 10px 30px;
}

.visitArea .add-visits-form .global-actions-user-options {
    min-height: 41px;
}

.visitArea .add-visits-form row-date-input .error-tooltip {
    margin-top: 35px;
    left: 0px;
}

.visitArea .add-visits-form .row-date-input-nomargin-bottom .option-group-end-date {
    margin-bottom: 15px;
}

.visitArea .add-visits-form .visit-enroll button {
    width: 100%;
}

.visitArea .add-visits-form .visit-enroll .center-ti-menu {
    width: 100%;
    right: 0px;
}

.visitArea .add-visits-form .visit-enroll .center-ti-menu .report-more-options-list {
    margin-bottom: 0;
}

.button-print-info-card-visits {
    display: block;
}
button + .button-print-info-card-visits {
    margin-top: 8px;
}
.button-print-info-card-visits button {
    width: 100%;
}

.visitArea .operators-visit-host {
    background-color: #E3E5E6;
    padding: 15px 20px;
    margin-top: 15px;
}

.nptSp,
.visitArea .nptSp {
    width: auto;
    float: right;
}

.visitArea .w50px.nptSp {
    width: 50px;
}

.visitArea .boxGroup {
    background-color: #fff;
    float: left;
    width: 100%;
    padding: 15px 0px;
}

.visitArea .boxGroup small {
    font-size: 0.8em;
    margin-top: 5px;
}

.visitArea .add-visits-textarea {
    width: 100%;
    float: right;
    min-height: auto;
}

.visitArea .add-visits-textarea textarea {
    border: 0;
    border-bottom: 1px solid #ccc;
    height: 76px;
    width: 100%;
    /*float: right;*/
    max-width: 100%;
    background-color:white;
}

.view4k .visitArea .add-visits-textarea textarea {
    background-color: transparent;
    resize: none;
    border-color: transparent;
}

.visitArea .add-visits-textarea textarea:focus {
    outline: 0 none;
}

.visitArea .add-visits-textarea span {
    border: 1px solid #ccc;
    height: 76px;
    width: 100%;
    float: right;
}

.visitArea h3.h3 {
    font-weight: normal;
}

.visitArea .global-actions-user-options {
    padding: 10px;
    /*height: 55px;*/
}

.visitArea.newPage .preregist {
    margin: 15px 0 0 0;
    padding: 20px 10px;
    float: left;
    width: 100%
}

.visitArea .add-visits-form .scan-button {
    float: right;
    margin-top: -5px;
}

.visitArea .add-visits-form input.form-input[disabled] {
    background-image: none;
}

/* Custom fields */
.customFieldsArea .global-actions-user-options {
    min-height: 52px;
}

.campo-personalizado {
    min-height: 65px;
}

.campo-personalizado-valor {
    float: left;
    min-width: 150px;
}

/* componente usuario busqueda avanzada */
.userSearchAdvance {
    margin: 0;
}

.visitArea .heightEditRead .global-actions-user-options {
    min-height: 65px
}

.view4k .visitArea .heightEditRead .global-actions-user-options {
    min-height: 77px;
}

.visitArea .heightEditRead .global-actions-user-options .userSerachInput {
    margin-top: 15px;
}

/* **********************************  PLANIMETRIA  ********************************** */

/* **** posiciones objetos ****** */
.planimetriaArea .sceneBx {
    position: relative;
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    min-height: 1400px;
    height: 100%;
    height: 100vh;
}

.planimetriaArea .sceneBx #plano {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    float: left;
    height: 1080px;
    z-index: 0;
}

/*estilos map*/
.detailMap {
    width: 100%;
    height: 100%;
    float: left;
    background: #2C2F35;
}

.planimetriaArea .elementPos.noPos {
    color: #000;
}

.planimetriaArea .elementPos {
    color: #337ab7;
}

.planimetriaArea a {
    color: #fff;
}

.planimetriaArea a:hover {
    color: #000;
}

.planimetriaArea.editing-map a.smallIcon {
    cursor: not-allowed;
}

.planimetriaArea h3,
.planimetriaArea h4 {
    text-transform: uppercase;
    color: #fff;
    font-weight: normal;
    margin: 0px 0 10px 0;
}

.planimetriaArea .boxLeft,
.planimetriaArea .boxLeftBottom {
    right: 0;
    position: absolute;
    z-index: 2;
    padding: 0;
    display: block;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    float: right;
}

.planimetriaArea .boxLeft {
    width: 20vw;
    top: 0;
}

.planimetriaArea .boxLeftBottom {
    border: 1px solid #ccc;
    /*width: 750px;*/
    height: 135px;
    overflow: hidden;
    position: fixed;
    bottom: 0;
    background-color: #2c2f35;
    right: calc(20vw - 1px);
}

.editable .planimetriaArea .boxTop {
    z-index: 2;
    padding: 0;
    display: block;
    border: 1px solid #ccc;
    background-color: #fff;
    height: calc(20vh - 62px);
    position: fixed;
    top: 64px;
    left: 30%;
    right: 30%;
    float: none;
    opacity: 0.8;
    height: auto;
}

.editable .planimetriaArea .boxLeft {
    background-color: #2c2f35;
    height: calc(60vh - 62px);
    position: fixed;
    right: 0;
    top: 64px;
}

.editable .planimetriaArea .boxLeft .tab-content,
.editable .planimetriaArea .boxLeft .tab-content .tab-pane {
    height: 100%;
}

.editable .planimetriaArea .boxTop .info-content {
    height: 100%;
    text-align: center;
    padding: 18px;
    color: #000;
}

.editable .planimetriaArea .boxTop .info-content .info-title {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 15px;
}

.editable .planimetriaArea .boxTop .info-content .info-title span {
    color: #0d76d3;
}

.editable .planimetriaArea .boxTop .info-content button {
    top: 15px;
    position: absolute;
    right: 15px;
}

.editable .planimetriaArea .boxTop .info-content button:hover {
    background-color: rgba(38, 7, 2, 0.8);
}

.editable .planimetriaArea .boxTop .info-content button span {
    padding: 10px;
    top: 12px;
}

.editable .planimetriaArea .boxTop .info-content button.cctv {
    top: 45px;
    border-color: #329d53;
    color: #329d53;
}


.editable .planimetriaArea .boxLeft .spacesBx {
    float: none;
    height: calc(100% - 54px);
    clear: both;
}

.editable .planimetriaArea .boxLeft .spacesBx.sp2 {
    height: auto;
    display: flex;
    flex-wrap: wrap;
    flex-flow: row;
    justify-content: space-evenly;
}

.editable .planimetriaArea .boxLeft .spacesBx.sp2 button{
    flex-grow: 1;
}

.editable .planimetriaArea .boxLeft .search-bar-pagination + .spacesBx {
    height: calc(100% - 150px);
}

.editable .planimetriaArea .boxLeft .search-bar-pagination + .spacesBx .dropToPlaneBx {
    height: auto;
}

.planimetriaArea .intBuildMap #mapbuilding,
.planimetriaArea #mapmini {
    cursor: pointer;
}

.planimetriaArea .intBuildMap #mapbuilding,
.planimetriaArea .intBuildMap {
    /*width: 94%;*/ /* calimero-4156 */
    display: block;
    margin: 0 auto;
    /*height: auto;*/ /* calimero-4156 */
    width: 100%; /* calimero-4156 */
    height: 100%; /* calimero-4156 */
}

/* tabs */
.planimetriaArea .nav {
    width: 100%;
    float: left;
    background-color: #50555d;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.planimetriaArea .nav li {
    min-width: 164px;
}

.planimetriaArea .nav li.active {
    margin-bottom: -1px;
}

.planimetriaArea .nav li a {
    background-color: #50555d;
    border-left-color: #50555d;
    border-right-color: #ddd;
}

.planimetriaArea .nav li:not(.active) a {
    border-bottom: 1px solid #ddd;
}

.planimetriaArea .nav li a:hover {
    color: #fac400;
    border-top-color: #50555d;
    border-bottom-color: #ddd;
}

.planimetriaArea .nav li.active a {
    color: #fac400;
    border-radius: 0px;
    border-right-color: #ddd;
    border-left-color: #2c2f35;
    border-top-color: #2c2f35;
    background: #2c2f35;
}


.planimetriaArea .nav-tabs > li > a {
    margin-right: 0px;
    border-radius: 0px;
    padding: 14px 20px 14px 20px;
}


.planimetriaArea .nav-tabs > li.active > a:hover {
    /*background-color: #50555d;*/
    border-bottom-color: #2c2f35;
}

.sp2.spacesBx h3 {
    margin-bottom: 10px;
}

/* buscador lupa */
.planimetriaArea .search-bar-pagination {
    background-color: transparent;
    padding: 5px 15px;
    border: none;
}
.search-bar-pagination .launch-search {
    margin: 0;
}
.search-bar-pagination .btn-dropdown-pagination {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.planimetriaArea .search-bar-pagination input:-webkit-autofill {
    background-color: #FFF !important;
}

.planimetriaArea .search-bar-pagination .launch-search {
    color: #333;
}

.planimetriaArea .search-bar-pagination .launch-search:hover {
    color: #000;
}

.spacesBx {
    float: left;
    width: 100%;
    padding: 5px 15px;
    background: #2c2f35;
}

.search-link {
    padding-left: 10px;
}

/* dropToPlaneBx */
.dropToPlaneBx {
    float: left;
    height: 350px;
    max-height: 100%;
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: #FFF;
}

.dropLink {
    color: #333;
    width: 100%;
    background-color: #FFF;
    float: left;
    padding: 10px;
    border-bottom: 1px solid #ccc;
}

.dropLink:last-child {
    border-bottom: none;
}

.sp2.spacesBx .dropLink {
    padding: 5px 10px;
    border: 8px solid #f0f0f0;
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
}

.spacesBx .clickable-icon,
.dropLink img,
.dropLink span {
    margin-top: 5px;
    float: left;
}

.dropLink span {
    margin-bottom: 3px;
}

.spacesBx .clickable-icon {
    margin-right: 15px;
    line-height: 22px;
    margin-top: 2px;
}

.dropLink img {
    margin-top: 0px;
    width: 27px;
    margin-right: 15px;
}

/* boxInfo --> paneles informativos hover */
.planimetriaArea .boxInfo {
    border: 1px solid #333;
    /*-webkit-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.5);*/
    /*-moz-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.5);*/
    /*box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.5);*/
    background-color: #F0F0F0;
    width: 400px;
    float: left;
    padding: 0 0 30px;
    /* z-index: 5;
    border-radius: 2px; */
}

.planimetriaArea .doorMapDetail .boxInfo .td-popup-content {
    -webkit-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.5);
    box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.5);
    background-color: #F0F0F0;
    /* width: 400px; */
    float: left;
    /*padding: 30px 0;*/
    z-index: 1;
}
.planimetriaArea .boxInfo.btn2 {
    padding: 0;
    width: 300px;
}

.planimetriaArea .boxInfo.btn2 h4 {
    margin: 5px;
    color: #000000;
}

.planimetriaArea .boxInfo.btn2 .bxBot, .planimetriaArea .boxInfo.btn2 .bxTop {
    padding: 10px;
    margin: 0;
}

.planimetriaArea .boxInfo.btn2 .bxBot {
    padding-top: 12px;
}

.planimetriaArea .boxInfo h4 {
    margin: 20px 0;
    font-size: 20px;
    text-transform: uppercase;
}

.planimetriaArea .boxInfo p {
    text-transform: none;
    margin: 5px 0 0px 0;
    font-size: 20px;
}

.planimetriaArea .boxInfo .i_camara_ptz,
.planimetriaArea .boxInfo .planimetriaIcono {
    display: inline-block;
    margin-top: -20px;
}

.planimetriaArea .boxInfo .i_opt_cctv_visits,
.planimetriaArea .boxInfo .i_opt_access_visits,
.planimetriaArea .boxInfo .i_opt_command1,
.planimetriaArea .boxInfo .i_opt_command2,
.planimetriaArea .boxInfo .i_volumetrico_techo,
.planimetriaArea .boxInfo .camaraIcono,
.planimetriaArea .boxInfo .offlineIcon {
    display: inline-block;
    margin-top: -50px;
}


.planimetriaArea .boxInfo img {
    float: right;
    width: 27px;
    margin-top: 5px;
    height: 29px;
}

.planimetriaArea .boxInfo .bxBot,
.planimetriaArea .boxInfo .bxTop {
    padding-left: 30px;
    padding-right: 30px;
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

.planimetriaArea .boxInfo .bxTop h3 {
    color: #0D76D3;
}

.planimetriaArea .boxInfo .bxTop h4 {
    color: #000000;
}

.planimetriaArea .boxInfo .bxBot {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0px;
    height: auto;
}
.planimetriaArea .boxInfo .bxBot:last-child{
    border-bottom: 1px solid #ccc;
}

.planimetriaArea .boxInfo .bxBot-scroll-vertical {
    clear: both;
    overflow: auto;
}

.planimetriaArea .boxInfo .bxBot p {
    margin: 0;
}

.planimetriaArea .boxInfo .ball {
    display: block;
    background: grey;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    margin: 16px 0 0 0;
}

.planimetriaArea .boxInfo .ball.una-linea {
    margin-top: 8px;
}

.planimetriaArea .boxInfo .ball.red {
    background: red;
}

.planimetriaArea .boxInfo .ball.green {
    background: green;
}

.planimetriaArea .hand {
    position: absolute;
    top: 5%;
    left: 5%;
    border: 1px solid #1976d2;
    background-color: rgba(25, 118, 210, 0.4);
    width: 30px;
    height: 20px;
    float: left;
}

.planimetriaArea .zoomBx,
.planimetriaArea .plantaBx {
    width: 260px;
    float: left;
    /*border-top: 1px solid #ccc;*/
    /*border-right: 1px solid #ccc;*/
}

.planimetriaArea .plantaBx {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: none;
    width: 20vw;
    height: 40vh;
    /*padding: 15px;*/
    margin-top: 10px;
    padding: 20px 0;
    position: fixed;
    bottom: 0;
    right: 0;
    background-color: #2c2f35;
    /*z-index: 10;*/    /*provoca que el tooltip del último elemento en la lista de plantas se visualice por debajo*/
    display: table;
}

.planimetriaArea .zoomPlane {
    border: none;
}

.planimetriaArea i.ti-settings {
    position: absolute;
    right: 8px;
    color: #fac400;
    cursor: pointer;
    font-size: 1.3em;
    height: auto;
}

.planimetriaArea .dtlMap i.ti-settings {
    top: 30px;
    right: 10px;
    z-index: 3;
}

.planimetriaArea .intBuildMap i.ti-settings {
    top: -33px;
}

.planimetriaArea .childMiniMap i.ti-settings {
    top: 10px;
}

/* zoom*/
.zoom {
    width: 40%;
    float: left;
    border-right: 1px solid #ccc;
    position: relative;
    padding-bottom: 8px;
}

.boxLeftBottom .zoomBx .zoom h4 {
    font-size: 14px;
}

.spacesForviewBx .space h4,
.zoom h4 {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 15px;
}

.zoom .moreZoom,
.zoom .lessZoom {
    font-size: 1.8em;
    padding: 0px 8px;
    float: left;
    width: 20%;
    color: #fff;
    text-align: center;
    line-height: 27px;
}

.zoom .lessZoom {
    line-height: 22px;
}

.zoom .barZoom {
    width: 60%;
    float: left;
    border-bottom: 2px solid #fff;
    height: 15px;
    position: relative;
}

.zoom .barZoom b {
    border-right: 2px solid #fff;
    width: 1px;
    height: 15px;
    position: absolute;
    top: 7px;

}

/* spacesForviewBx */
.spacesForviewBx {
    width: 60%;
    float: left;
    padding-bottom: 10px;
}

.spacesForviewBx .space {
    width: 25%;
    float: left;
}

.planimetriaArea .spacesBx.sp2 {
    text-align: center;
}

.planimetriaArea .btnColor {
    /*width: 21%;*/
    height: 26px;
    float: left;
    margin: 5px 2px;
    display: block;
    border-width: 1px;
    border-radius: 2px;
    border-style: solid;
    background-color: #FFF
}

.planimetriaArea .btn-switch {
    width: 34px;
    float: none;
    display: block;
    margin: auto;
}

.planimetriaArea .btn-switch.alarma,
.planimetriaArea .btn-switch.cacc,
.planimetriaArea .btn-switch.cctv,
.planimetriaArea .btn-switch.pe,
.planimetriaArea .btn-switch.general {
    background-color: transparent;
}

.planimetriaArea .btn-primary {
    font-size: 18px;
}

/*viewpc*/
.viewPC .btn-switch .switch {
    height: 10px;
}

.viewPC .btn-switch .switch:after {
    width: 15px;
    height: 15px;
}

.viewPC .zoom .barZoom {
    height: 20px;
}

.viewPC .zoom .moreZoom, .viewPC .zoom .lessZoom {
    padding: 0 8px;
}

.viewPC .zoom .barZoom b {
    top: 10px;
}

.viewPC .spacesForviewBx {
    margin-bottom: 10px;
}

.viewPc .spacesForviewBx {
    height: 140px;
}

.planimetriaArea .btn-switch.cctv input[type=checkbox]:checked + .switch:after {
    background-color: #2E9C43;
    border-color: #2E9C43;

}

.planimetriaArea .btn-switch.cacc input[type=checkbox]:checked + .switch:after {
    border-color: #1A6AB9;
    background-color: #1A6AB9;
}

.planimetriaArea .btn-switch.alarma input[type=checkbox]:checked + .switch:after {
    border-color: #FF4223;
    background-color: #FF4223;
}

.planimetriaArea .btn-switch.pe input[type=checkbox]:checked + .switch:after {
    border-color: #ffa312;
    background-color: #ffa312;
}

.planimetriaArea .btn-switch.general input[type=checkbox]:checked + .switch:after {
    border-color: rgb(152, 152, 152);
    background-color: rgb(152, 152, 152);
}

.view4k .accionesBx .cctv,
.cctv {
    border-color: #00FF00;
    color: #00FF00;
}

.view4k .accionesBx .cctv.active a,
.view4k .accionesBx .cctv.active a:hover,
.cctv.active:hover,
.cctv.active {
    background-color: rgba(46, 156, 67, 1);
    color: #FFF;
}

.view4k .accionesBx .cctv a:hover,
.cctv:hover {
    background-color: rgba(46, 156, 67, 0.2);
}

.view4k .accionesBx .cacc,
.cacc {
    border-color: #0099FF;
    color: #0099FF;
}

.view4k .accionesBx .cacc.active a,
.view4k .accionesBx .cacc.active a:hover,
.cacc.active:hover,
.cacc.active {
    background-color: rgba(26, 106, 185, 1);
    color: #FFF;
}

.view4k .accionesBx .cacc a:hover,
.cacc:hover {
    background-color: rgba(26, 106, 180, 0.2);

}

.view4k .accionesBx .alarma,
.alarma {
    border-color: #FF4223;
    color: #FF4223;
}

.view4k .accionesBx .alarma.active a,
.view4k .accionesBx .alarma.active a:hover,
.alarma.active:hover,
.alarma.active {
    background-color: rgba(255, 66, 35, 1);
    color: #FFF;
}

.view4k .accionesBx .alarma a:hover,
.alarma:hover {
    background-color: rgba(255, 66, 35, 0.2);
}

.view4k .accionesBx .general.active a,
.view4k .accionesBx .general.active a:hover,
.general.active:hover,
.general.active {
    background-color: rgba(150, 150, 150, 1);
    color: #FFF;
}

.view4k .accionesBx .general a:hover,
.general:hover {
    background-color: rgba(150, 150, 150, 0.2);
}

.view4k .accionesBx .visits,
.visits {
    border-color: #e29b1f;
    color: #d6cf34;
}

.view4k .accionesBx .visits.active a,
.view4k .accionesBx .visits.active a:hover,
.visits.active:hover,
.visits.active {
    background-color: rgba(226, 155, 31, 1);
    color: #FFF;
}

.view4k .accionesBx .visits a:hover,
.visits:hover {
    background-color: rgba(226, 155, 31, 0.2);
}

.view4k .accionesBx .users,
.users {
    border-color: #ff3bfd;
    color: #ff3bfd;
}

.view4k .accionesBx .users.active a,
.view4k .accionesBx .users.active a:hover,
.users.active:hover,
.users.active {
    background-color: rgb(210, 53, 208);
    color: #FFF;
}

.view4k .accionesBx .users a:hover,
.users:hover {
    background-color: rgba(255, 59, 253, 0.2);
}

.view4k .accionesBx .users-other-sites,
.users-other-sites {
    border-color: #05edff;
    color: #05edff;
}

.view4k .accionesBx .users-other-sites.active a,
.view4k .accionesBx .users-other-sites.active a:hover,
.users-other-sites.active:hover,
.users-other-sites.active {
    background-color: rgb(28, 210, 210);
    color: #FFF;
}

.view4k .accionesBx .users-other-sites a:hover,
.users-other-sites:hover {
    background-color: rgba(21, 245, 255, 0.2);
}

.view4k .accionesBx .nav-tabs li a:hover,
.view4k .accionesBx .nav-tabs li.active a {
    color: #FFF;
}

.view4k .accionesBx .nav-tabs .active:hover,
.view4k .accionesBx .nav-tabs .active {
    background-color: transparent;
    color: #FFF;
}

.pe {
    border-color: #e29b1f;
    color: #dea313;
}

.pe.active:hover,
.pe.active {
    background-color: rgba(226, 155, 31, 1);
    color: #FFF;
}

.pe:hover {
    background-color: rgba(226, 199, 39, 0.2);
}

/* zoom plane */
.zoomPlane {
    border-top: 1px solid #ccc;
    height: 140px;
    margin: 0;
    padding: 0px;
    width: 100%;
    position: relative;
    float: left;
}

.zoomPlane .plane {
    margin: 5px;
    border: 1px solid #333;
    float: left;
    background-size: cover;
}

.miniMap {
    width: 250px;
    height: 120px;
}

.buildingMap {
    /*width: 375px;*/ /* calimero-4156 */
    /*height: 150px;*/ /* calimero-4156 */
    width: 100%; /* calimero-4156 */
    height: 100%; /* calimero-4156 */
    display: block; /* calimero-4156 */
    position: absolute; /* calimero-4156 */
    top: 0; /* calimero-4156 */
    left: 0; /* calimero-4156 */
}

/* plantaBx */
.plantaBx .dragArea h4 {
    text-align: center;
    font-size: 14px;
    margin-bottom: 0px;
    margin-top: 8px;
}

.plantaBx .planta {
    /*margin: 5px 0 0 0;
    float: left;
    height: 150px;
    position: relative;
    width: 100%;*/
    display: table-cell;
    vertical-align: middle;
    position: relative; /* calimero-4156 */
}

.plantaBx .dragArea {
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    background-size: cover;
    border: 1px solid #333;
}

/* dropToPlaneBx floor */
.dropToPlaneBx.floor {
    /*height: 500px;*/
    height: auto;
}

.floor ul,
.floor li {
    margin: 0;
    padding: 0 0 0 10px;
    float: left;
    width: 100%;
}

.floor ul .dropLink {
    border: none;
    padding: 2px 0;
}

.floor ul .subTree {
    background-color: #f2f2f2;
    margin-bottom: 5px;
    margin-top: 3px;
    width: 95%;
}

.floor ul .subTree li {
    padding: 0;
    height: 30px;
    margin: 5px 0;
}

.floor ul .subTree li a,
.floor ul .subTree li span {
    display: block;
    float: left;
}

.floor ul .subTree .dropLink {
    background: transparent;
}

.floor ul .dropLink span {
    float: left;
    margin: 0;
    font-size: 14px;
}

/* btnBx  icons*/
.btnBx {
    float: left;
    width: 100%;
    margin: 30px 0 0 0;
}

.planimetriaArea .smallIcon {
    font-size: 8px;
    margin: 0 0 0 10px;
    padding: 1px 0;
    width: 26px;
    text-align: center;
    background-color: transparent;
    display: block;
    float: left;
}

.doorMapDetail .item-title,
.planimetria-popup .item-title {
    text-transform: uppercase;
}

.doorMapDetail .td-select-popup {
    position: relative;
    background: #ffffff;
    max-width: none;
    min-height: 151px;
    margin: 0 auto;
    margin-top: 200px;
    display: table;
    margin-left: auto;
    margin-right: auto;
}
.planimetriaArea .smallIcon:hover {
    background-color: #e8e8e8;
}

.planimetriaArea .smallIcon i {
    line-height: 27px;
    height: auto;
    font-size: 2em;
}

.planimetriaArea .boxInfo .bxBot p.mt10 {
    margin-top: 10px;
}

.dispIcon {
    font-size: 2.6em;
}

.planimetriaArea .dispIcon {
    font-size: 4em;
}
.planimetriaArea .td-select-popup {
    min-width: 700px;
}

.planimetriaArea .doorMapDetail .td-select-popup .boxInfo {
    width: auto;
    margin: 0px;
    min-height: unset;
    height: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-bottom: 0;
}

.planimetriaArea detail-map-operator-position-popup .doorMapDetail .td-select-popup .boxInfo {
    height: auto;
}

.planimetriaArea .td-select-popup .boxInfo {
    width: 100%;
    margin: 0px;
}

.planimetriaArea .td-select-popup .boxInfo .colPopup1 {
    float: left;
    width: 700px;
    height: 100%;
}

.planimetriaArea .td-select-popup .boxInfo .colPopup2 {
    float: left;
    width: 300px;
    padding-top: 0px;
    background-color: #f0f0f0;
    height: 100%;
    padding-bottom: 40px;
}
.planimetriaArea .td-select-popup .boxInfo .colPopup2 .buttons-zone {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.planimetriaArea .td-select-popup .boxInfo .colPopup3 {
    float: left;
    width: 1000px;
    height: 100%;
}

.planimetriaArea .td-select-popup .boxInfo .colPopup2 button + button {
    margin-top: 10px;
}

.planimetriaArea .icono-zona {
    text-align: center;
}

.cameraVideoShow {
    margin: 0px;
    height: 100%;
}

.cameraVideoShow .cameraList {
    height: 100%;
    overflow-y: auto;
    width: 250px;
    float: left;
    padding: 20px 0;
}

.cameraVideoShow .cameraList p {
    cursor: pointer;
}

.cameraVideoShow .cameraImg {
    overflow: hidden;
    height: 100%;
    padding: 0;
    width: 750px;
    position: relative;
    background-color: #ddd;
}

.cameraVideoShow .ng-hide + .cameraImg {
    width: 100%;
}

.cameraVideoShow .cameraImg img {
    height: 100%;
    width: 100%;
    margin: 0;
    cursor: pointer;
}
.cameraVideoShow .cameraImg img[src=""],
.cameraVideoShow .cameraImg img[src=""] + p {
    display: none;
}

.cameraVideoShow .cameraImg p,
.cameraVideoShow .cameraImg p:hover {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.5);
    text-align: center;
    padding: 20px;
}

.cameraVideoShow p {
    padding: 4px 10px 4px 20px;
    margin: 0px;
    /*cursor: pointer;*/
    transition: all 0.2s ease-in-out;
}

.cameraVideoShow p .ver-video {
    cursor: pointer;
    color: inherit;
    margin-left: 40px;
}

.cameraVideoShow p .ver-video:hover {
    background-color: #666;
    color: #fff;
    border-color: #fff;
}

.cameraVideoShow p:hover {
    background: rgba(255, 93, 100, 0.3);
}

.cameraVideoShow .selectedCamera,
.cameraVideoShow .selectedCamera:hover {
    background: rgba(255, 93, 100, 0.7);
}

/* pruebas hover*/

.prueba1Hover,
.prueba2Hover,
.prueba3Hover {
    position: relative;
    float: left;
    margin: 0px;
    z-index: 2;
    height: 1px;
    width: 1px;
    padding: 0;
}

.prueba1Hover {
    margin-top: 10%;
    margin-left: 25%;
}

.prueba2Hover {
    margin-top: 20%;
    margin-left: 50%;
}

.prueba3Hover {
    margin-top: 10%;
    margin-left: 35%;
}

.prueba1Hover .ball.fakeBall {
    background-color: pink;
    position: absolute;
    border-radius: 50%;
    top: 100%;
    left: 100%;
    margin-top: -4px;
    margin-left: -5px;
    height: 15px;
    width: 15px;
}

.prueba2Hover .ball.fakeBall {
    background-color: orange;
    position: absolute;
    border-radius: 50%;
    top: 100%;
    left: 100%;
    margin-top: -4px;
    margin-left: -5px;
    height: 15px;
    width: 15px;
}

.prueba3Hover .ball.fakeBall {
    background-color: red;
    position: absolute;
    border-radius: 50%;
    top: 100%;
    left: 100%;
    margin-top: -4px;
    margin-left: -5px;
    height: 15px;
    width: 15px;
}

.prueba1Hover:hover .boxInfo,
.prueba2Hover:hover .boxInfo,
.prueba3Hover:hover .boxInfo {
    display: block;
}

/* ******************************************************************************************************************************************************************* */
/* **************************************************************************************  OPERADORES   ************************************************************** */
/* ******************************************************************************************************************************************************************* */
/*4k 1k puestos de operadores y externos */
.view4k {
    width: 3840px;
    height: 2160px;
    float: left;
}

body .view4k,
.view4k h3,
.view4k h4,
.view4k p,
.view4k button,
.view4k input,
.view4k span,
.view4k a,
.view4k .nav-tabs > .view4k li.active > a,
.view4k .nav-tabs > .view4k li.active > a:hover,
.view4k .nav-tabs > .view4k li.active > .view4k a:focus,
.view4k .global-actions-box label,
.view4k .user-profiles-box label,
.view4k .info-circle-outline i,
.view4k .fullpage-popup .item-subtitle,
.view4k .monitorizacionBx .eventBx h3,
.view4k .monitorizacionBx .eventBx h4,
.view4k .monitorizacionBx .eventBx p,
.view4k .monitorizacionBx .eventBx p.red,
.view4k .monitorizacionBx .eventBx p.green,
.view4k .td-popup-header .item-title,
.view4k users-popup .extended-view .first-group-columns {
    font-size: 22px !important;
    font-weight: normal;
}

.view4k .extended-view{
    height: auto;
    padding: 10px 0;
}
.view4k .td-popup button {
    font-size: 12px;
}

.view4k .first-group-columns span {
    font-size: 18px;
}

.view4k .operatorVisit span,
.view4k .operatorVisit textarea,
.view4k .operatorVisit input,
.view4k .operatorVisit .boxGroup,
.view4k .operatorVisit .boxGroup label,
.view4k .operatorVisit .boxGroup h3 {
    font-weight: lighter;
}

.view4k button.btn-primary-icon {
    height: 40px;
    padding: 4px 14px;
}

.view4k .nav li a {
    font-size: 26px;
}

.view4k .btn-rounded {
    padding: 10px 10px;
    border-radius: 70%;
    width: 50px;
    height: 50px;
    float: left;
}

.view4k .info-circle-outline {
    height: 30px;
    width: 30px;
    margin-left: 10px;
}

.view4k .green {
    color: #00a500;
}

.view4k .red {
    color: #cd3333 !important;
}

.view4k .r100 {
    width: 100%;
    float: left;
}

.view4k .r35,
.view4k .r65,
.view4k .r50 {
    width: 50%;
    float: left;
    font-weight: normal;
    overflow: auto;
    height: 100%;
}

.view4k .r35 {
    width: 35%;
}

.view4k .r65 {
    width: 65%;
}

.view4k .posR {
    position: relative;
    height: 18px;
    width: 100%;
    float: left;
    z-index: 999;
}

.view4k .btnArea {
    padding: 30px 0 0 0;
    width: 100%;
    float: left;
    background: #f2f2f2;
}

/**/

.view4k .planimetriaArea .nav li a {
    font-size: 17px;
}

.view4k .planimetriaArea h3,
.view4k .planimetriaArea h4 {
    font-size: 18px;
}

.view4k .floor ul .dropLink span {
    font-size: 17px;
    line-height: 22px;
    margin-top: 5px;
}

.view4k .spacesBx .clickable-icon {
    font-size: 17px;
}

.view4k .planimetriaArea .boxInfo h4 {
    font-size: 17px;
}

.view4k .planimetriaArea .boxInfo p {
    font-size: 16px;
    color: #000000;
}

.view4k .planimetriaArea .boxInfo .bxBot p {
    font-size: 14px;
}

.view4k .spacesForviewBx .space h4,
.zoom h4 {
    margin-top: 30px;
    margin-bottom: 20px;
}

.view4k .zoom .moreZoom,
.view4k .zoom .lessZoom {
    font-size: 1.8em;
}

.view4k .spacesBx {
    padding: 30px;
}

.view4k .floor ul .dropLink {
    padding: 5px 0;
}

.view4k .dropToPlaneBx.floor {
    height: 570px;
}

.view4k .planimetriaArea .boxLeft {
    width: 500px;
    margin-left: 400px;
}

/* ** nav settings ***/
.view4k .navSettings .ddlBx {
    width: 100%;
    float: left;
    margin: 40px 0;
}

.view4k .navSettings {
    width: 98%;
    padding: 20px 15px 20px 10px;
    float: right;
}



.view4k .monitorizacionBx .navSettings {
    width: 100%;
    height: 150px;
}

.view4k .navSettings ul {
    width: 410px;
    margin: 0;
    float: left;
    padding: 0;
}

.view4k .navSettings li {
    padding: 5px;
    width: 100%;
    float: left;
}

.view4k .navSettings .num {
    margin-right: 2%;
    width: 5%;
    float: left;
}

.view4k .navSettings .ddlBx {
    width: 93%;
    float: left;

}

.view4k .btn-rounded i {
    font-size: 20px;
    color: #333;
}

.view4k .tabSettings {
    float: right;
    position: absolute;
    right: -5px;
    top: 5px; /*-5px;*/
}

.view4k .monitorizacionBx .tabSettings {
    position: static;
}
.view4k .monitorizacionBx .tabSettings + .tabSettings {
    margin-left: 10px;
}

.view4k .navSettings .ddlBx {
    width: 90%;
    float: right;
}

.view4k .navSettings .box {
    height: 40px;
    padding: 10px;
    width: 100%;
    float: left;
    margin: 10px 0;
}

.navSettings.closed {
    width: 50px;
    padding: 0;
    border: none;
    background-color: transparent;
}

/* monitorizacion menu*/
.monitorizacionBx .navSettings .dropdown-menu {
    width: 100%;
    /*box-shadow: none;*/
}

.monitorizacionBx .navSettings .dropdown-submenu {
    padding: 10px;
}

.monitorizacionBx .navSettings .dropdown-submenu .dropdown-menu {
    padding: 5px 10px;
}

.monitorizacionBx .navSettings .multiLvl button {
    border: none;
    background-color: transparent;
    width: 100%;
    text-align: left;
}

.monitorizacionBx .navSettings .btnSubMenu {
    color: #0D76D3;
    text-align: left;
}

.monitorizacionBx .navSettings .ti-angle-down {
    float: right;
}

.monitoringPopup.visit-popup .operatorVisit {
    width: 100%;
}

.monitoringPopup.visit-popup .extended-view {
    height: 65px;
}

.monitoringPopup.visit-popup .enrolar h3 {
    padding-top: 0px;
    padding-bottom: 0px;
}

.monitoringPopup.visit-popup .visit-enroll .mt70 {
    margin-top: 50px;
}

#viewBx #visitsMainContainer users-popup .monitoringPopup.visit-popup operator-visits-edit-user-extended .add-visits-container .enrolar h3 + .bullet-primary {
    margin-top: 0px !important;
}

.monitoringPopup.visit-popup .enrolar .bullet-primary.mt10 {
    margin-top: 0px;
}

.monitoringPopup {
    width: 1750px;
}

.monitoringPopup .monitoringPage .monitorizacionBx {
    min-height: 760px;
    background: #fff;
}

.monitoringPopup .monitoringPage .eventBx {
    width: 250px;
    padding: 0;
}

.monitoringPopup .monitoringPage .monitorizacionHorzScroll > .row {
    margin-left: 0px;
    margin-right: 0px;
    height: 715px;
    overflow-y: auto;
    background-color: #fff;
    padding-top: 2px;
    padding-left: 2px;
}

.monitoringPopup .monitoringPage .monitorizacionHorzScroll > .row > .moniBox {
    width: 254px;
    background: #fff;
}
.monitoringPage {
    display: block;
}

.monitoringPage .monitorizacionBx {
    width: 100%;
    padding: 0px;
}

.r50 .monitorizacionBx .monitorizacionBx {
    float: none;
    margin-top: 0px;
    padding-top: 0px !important;
}

.r50 .monitorizacionBx.monitorizacionBxPopup {
    float: left;
    width: 3100px;
    padding: 15px 0 !important;
}

.monitorizacionBxPopup, .r50 .monitorizacionBx.monitorizacionBxPopup {
    margin-left: 270px;
    margin-top: 5%;
    background-color: #2c2f35;
}

.monitorizacionBxPopup > .row {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    width: 98%;
}

.monitorizacionBxPopup > .row > .moniBox {
    float: left;
    margin-bottom: 5px;
}

/* *********** menu cerrado ***/

.monitorizacionBx .navSettings.closed .btn-rounded {
    position: absolute;
}

.monitorizacionBx .navSettings.closed .ddlBx {
    display: none;
}

/* estadistica menu */

.estadisticasBx .ajustesDdl {
    width: 1300px;
    position: absolute;
    left: -585px; /*-426px;*/
    height: 635px;
    z-index: 9999;
    top: -635px;
}

.estadisticasBx .isRead .ajustesDdl {
    display: none;
}

.estadisticasBx .isEditing .ajustesDdl .popover {
    background: #FFF;
    display: block;

}

.estadisticasBx .ajustesDdl .popover {
    width: 100%;
}

.estadisticasBx .ajustesDdl .popover.top > .arrow {
    left: 50% !important;
    top: 100% !important;
    border-width: 20px;
    border-bottom-width: 0;
    border-top-color: #FFF;
}

.estadisticasBx .ajustesDdl .table {
    border: 1px solid #f2f2f2;
    margin-bottom: 0;
}

.estadisticasBx .ajustesDdl .table .w30 {
    width: 30px;
}

.estadisticasBx .ajustesDdl .table .row2Td input {
    width: 100%;
}

/*acciones COLORES */

/* 1k */
.view1k {
    width: 1920px;
    height: 1080px;
    float: left;
}

.accionesBx,
.dashBx,
.dashboardBx,
.monitorizacionBx,
.estadisticasBx,
.planimetriaBx,
.notificacionesBx {
    float: left;
}

.planimetriaBx {
    width: 100%;
    /*height: 1445px;*/ /*80% de 2160*/
    position: relative;
    border-right: 1px solid #ccc;
}

.notificacionesBx {
    width: 100%;
    height: 1296px; /*60% de 2160*/
    border-right: 1px solid #ccc;
}

.resolverNotificacion {
    background-color: transparent;
    border: none;
    position: relative;
}

.resolverNotificacion .fa {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 24px !important;
    transition: all 0.2s ease-in-out;
}

.resolverNotificacion .marcado {
    opacity: 0;
}

.resolverNotificacion:hover .marcado {
    opacity: 0.8;
}

.resolverNotificacion:hover .desmarcado {
    opacity: 0;
}

.resolverNotificacion .marcado.enCurso {
    color: #ff0000;
}

.resolverNotificacion .marcado.completado {
    color: #00c82b;
}

.filter-operator-monitoring {
    padding: 5px 10px 5px 10px;
    background: transparent;
    position: relative;
    /*text-transform: uppercase;*/
    border: 1px solid #FFF;
    margin-bottom: 1px;
    border-radius: 0;
}

.monitorizacionBxPopup {
    margin-left: 270px;
    margin-top: 5%;
    background-color: #2c2f35;
}

.monitorizacionBxPopup > .row {
    /*    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    width: 98%;
*/
    margin-bottom: 30px;
}

.monitorizacionBxPopup > .row > .moniBox {
    float: left;
    margin-bottom: 5px;
}

.filter-operator-monitoring {
    padding: 5px 10px 5px 10px;
    background: transparent;
    position: relative;
    /*text-transform: uppercase;*/
    text-transform: uppercase;
    /*border: 1px solid #FFF*/;
    margin-bottom: 1px;
    border-radius: 0;
}

.title4k {
    font-size: 22px;
    margin-left: 20px;
}

.dashBx {
    width: 100%;
    background-color: #ccc;
    height: 1728px; /*  0% de 2160 */
}

.dashBx .monitorizacionBx {
    width: 79%;
    height: 432px; /*  0% de 2160 */
}

.dashboardBx {
    width: 65%;
    background-color: #ccc;
    height: 432px; /*  0% de 2160 */
    float: right;
}

.dashboardBx .monitorizacionBx {
    width: 100%;
    height: 432px; /*  0% de 2160 */
}

.dashboardBx .empty .monitorizacionBx {
    width: 3100px;
    height: auto;
}

.dashboardBx .estadisticasBx {
    /*width: 40%;*/
    /*height: 432px;*/ /*  0% de 2160 */
    margin-left: 50%;
}

.view4k .accionesBx {
    width: 100%;
    height: 860px; /*  40% de 2160 */
}


/********************/
/* OPERATOR DESKTOP */
/********************/
.container4k layout-topnavbar {
  height: 50px;
}

.view4k.operatorDesktop,
.view4k.op_cctv_planim,
#op-desktop-cctv-visits,
#op-desktop-cctv-cacc {
    position: relative;
    height: 2109px; /* 2160 - 50 (menú superior) - 1 (borde del menú) */
    max-height: calc(100vh - 51px);

}

.view4k.operatorDesktop #main-table #main-table-inner + .list-container {
    margin-top: 20px;
}

/* OPERATOR DESKTOP --> Planimetría */
.view4k.operatorDesktop .planimetriaBx {
    position: absolute;
    width: 2500px;
    height: 100%;
    left: 0;
    top: 0;
    border: none;
}
.view4k.operatorDesktop .planimetriaArea,
.view4k.operatorDesktop .planimetriaArea .sceneBx {
    height: 100%;
    border: none;
}
.view4k.operatorDesktop .planimetriaArea .detailMap {
    height: calc(100vh - 910px); /*1250px;*/
    border: 1px solid #ccc;
}
.view4k.operatorDesktop .planimetriaArea .sceneBx .boxInfo .bxTop h3 {
    font-size: 22px;
}
.view4k.operatorDesktop .planimetriaArea .plantaBx {
    position: absolute;
    width: 820px;
    height: 859px;
    bottom: 0;
    left: 0;
    margin: 0;
}
.view4k.operatorDesktop .planimetriaArea .boxLeftBottom {
    position: absolute;
    z-index: 0;
    width: 930px;
    height: 360px;
    bottom: 500px; /*top: 1250px;*/
    left: 820px;
}

/* OPERATOR DESKTOP --> Estadísticas */
.view4k.operatorDesktop .estadisticasBx {
    position: absolute;
    bottom: 500px; /*top: 1250px;*/
    left: 1750px;
    margin: 0;
    border: 1px solid #ccc;
    height: 360px;
    width: 750px;
    padding-top: 22px;
}
.view4k.operatorDesktop .estadisticasBx.isEditing {
    background-color: #595d66;
}
.view4k.operatorDesktop .estadisticasBx .navSettings {
    background-color: transparent;
}
.view4k.operatorDesktop .estadisticasBx .col-sm-3 {
    position: relative;
    padding-top: 80px;
}
.view4k.operatorDesktop .estadisticasBx .sideBx h4 {
    height: auto;
    position: absolute;
    padding: 0 16px;
    bottom: 78px;
    width: 100%;
    left: 0;
    max-height: 70px;
    word-wrap: break-word;
    overflow: hidden;
}
.view4k.operatorDesktop .estadisticasBx > .posR {
    z-index: unset;
}


/* OPERATOR DESKTOP --> Notificaciones */
.view4k.operatorDesktop .notificacionesBx {
    position: absolute;
    top: 0;
    right: 0;
    width: 1340px;
    height: calc(100vh - 910px); /*1250px;*/
    border: 1px solid #ccc;
    /*overflow: auto;*/
}

.notificationsArea .list-table .first-group-columns {
    width: calc(100% - 360px);
}

.notificationsArea .list-table .first-group-columns > ul {
    width: 100%;
}

.view4k.operatorDesktop .notificacionesBx .first-group-columns {
    width: calc(100% - 250px);
}

.view4k.operatorDesktop .notificacionesBx .opened .second-group-columns .notify-separator {
    height: 155px;
    justify-content: center;
    flex-wrap: wrap;
    width: 200px;
}
.view4k.operatorDesktop .notificacionesBx > .contenido {
    height: calc(100% - 55px);
    /*overflow: auto;*/
    /*height: 100%;*/
    overflow: hidden;
}
/* altura máxima con filtro abierto */
.view4k.operatorDesktop .notificacionesBx filter-selector-wrapper + #notificationsCtrlr #main-table .filas {
    overflow: auto;
    height: 916px;
}
/* altura máxima con filtro cerrado */
.view4k.operatorDesktop .notificacionesBx filter-selector-wrapper.ng-hide + #notificationsCtrlr #main-table .filas {
    margin-top: 60px;
}

.view4k.operatorDesktop .notificacionesBx .main-content div.list-table-wrapper,
.view4k.op_cctv_planim .notificacionesBx .main-content div.list-table-wrapper {
    height: calc(100vh - 1087px) !important;
    overflow: auto;
}
.view4k.operatorDesktop .notificacionesBx #main-table #main-table-inner + .list-container,
.view4k.op_cctv_planim .notificacionesBx #main-table #main-table-inner + .list-container {
    margin-top: 20px;
}
.view4k.operatorDesktop .notificacionesBx .table-header,
.view4k.op_cctv_planim .notificacionesBx .table-header {
    height: 60px;
}
.view4k.operatorDesktop .notificacionesBx .back-button .btn-rounded {
    width: 40px;
    height: 40px;
}

.view4k.operatorDesktop #main-table .check-notificaciones-desktop,
.page-notifications #notificationsCtrlr .check-notificaciones-desktop {
    display: block;
}
.view4k.operatorDesktop .desktop-resolver-notificaciones,
.page-notifications .desktop-resolver-notificaciones {
    display: block;
}
.view4k.operatorDesktop .desktop-resolver-notificaciones:hover .filas button {
    color: #00c82b;
    border-color: #00c82b;
}
.view4k.operatorDesktop .desktop-resolver-notificaciones .fa {
    opacity: 0;
    transition: inherit;
}
.view4k.operatorDesktop .desktop-resolver-notificaciones:hover .fa {
    opacity: 1;
}

.desktop-resolver-notificaciones-header {
    display: block;
}
.desktop-resolver-notificaciones-header button {
    position: relative;
    padding: 0 26px;
}
.desktop-resolver-notificaciones-header .fa {
    opacity: 0;
    color: #00c82b;
    transition: inherit;
    padding-right: 10px;
    font-size: 16px;
    position: absolute;
    left: 4px;
    line-height: 1.2em;
}
.view4k.operatorDesktop .desktop-resolver-notificaciones-header .fa,
.view4k.op_cctv_planim .desktop-resolver-notificaciones-header .fa {
    font-size: 20px;
    line-height: 1.5em;
}
.desktop-resolver-notificaciones-header:hover .fa {
    opacity: 1;
}
.desktop-resolver-notificaciones-header:hover .disabled .fa {
    opacity: 0;
}
.desktop-resolver-notificaciones-header .btn-primary.disabled:hover,
.desktop-resolver-notificaciones-header .btn-primary.disabled:focus {
    background-color: transparent;
    border-color: #fff;
}
.view4k.operatorDesktop .notificacionesBx .filter-date-input-item,
.view4k.operatorDesktop .notificacionesBx .time-options-btn,
.view4k.op_cctv_planim .notificacionesBx .filter-date-input-item,
.view4k.op_cctv_planim .notificacionesBx .time-options-btn,
.view4k .ext-view-table-header .btn-primary-dark,
.view4k .selected-filter-bar .display-filter-button,
.view4k .campo-personalizado-valor .btn-primary-dark,
.view4k .enrolment-popup-content span:not(.enrolment) .btn-primary-dark,
.view4k .userArea .profile-icons a.clickable-icon,
#op-desktop-cctv-cacc button-print-info-card .btn-primary-dark {
    color: #fff !important;
    border-color: #fff;
}

/* OPERATOR DESKTOP --> Acciones */
.view4k.operatorDesktop .accionesBx {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 1340px;
    height: 860px;
    border: 1px solid #ccc;
    padding-top: 8px;
}
.view4k.operatorDesktop .accionesBx #main-table .table-header,
.view4k.op_cctv_planim .accionesBx #main-table .table-header {
    background-color: #68738B;
    height: 80px;
}
.view4k.operatorDesktop .accionesBx #main-table .standard-column {
    width: 190px;
}
.view4k.operatorDesktop .accionesBx #main-table .user-column-desktop {
    width: 220px;
    min-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.view4k.operatorDesktop .accionesBx #main-table .user-desktop-second-column {
    width: 0;
}
.view4k.operatorDesktop .accionesBx #main-table .visitor-column-desktop {
    width: 190px;
    min-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.view4k.operatorDesktop .accionesBx #main-table .visitor-column-desktop.columna-visita-fecha {
    width: 230px;
    min-width: 230px;
}
.view4k.operatorDesktop .accionesBx #main-table .visitor-column-desktop.standard-column-centered {
    width: 110px;
    min-width: 110px;
}
.view4k.operatorDesktop .accionesBx .tab-content,
.view4k.op_cctv_planim .accionesBx .tab-content {
    overflow: auto;
    height: calc(100% - 65px);
}
.view4k.operatorDesktop .accionesBx .tab-content .tab-pane,
.view4k.op_cctv_planim .accionesBx .tab-content .tab-pane {
    padding: 0;
    overflow-x: auto;
    overflow-y: hidden;
    height: 100%;
}
.view4k.operatorDesktop .accionesBx .caccArea .filtros-activos .remove-label .ti-close,
.view4k.op_cctv_planim .accionesBx .caccArea .filtros-activos .remove-label .ti-close {
    display: none;
}
.accionesBx .caccArea .fullwidth-filter-element .ti-link {
    display: none;
}
.view4k.operatorDesktop .accionesBx .caccArea .filtro-parte,
.view4k.op_cctv_planim .accionesBx .caccArea .filtro-parte {
    min-height: 64px;
}
.view4k.operatorDesktop .accionesBx .caccArea .ti-link,
.view4k.op_cctv_planim .accionesBx .caccArea .ti-link {
    display: inline-block;
    filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(67deg);
    -ms-transform: rotate(67deg);
    transform: rotate(67deg);
    color: #fff;
    position: absolute;
    right: -12px;
    bottom: 0;
}
.view4k.operatorDesktop .accionesBx .caccArea .ficha-cacc,
.view4k.op_cctv_planim .accionesBx .caccArea .ficha-cacc {
    position: relative;
}
.view4k.operatorDesktop .accionesBx .caccArea .back-button,
.view4k.op_cctv_planim .accionesBx .caccArea .back-button {
    position: absolute;
    top: 10px;
    margin: 0;
}
.view4k.operatorDesktop .accionesBx .caccArea .ficha-cacc .offline-door,
.view4k.op_cctv_planim .accionesBx .caccArea .ficha-cacc .offline-door {
    margin: 10px 0px 30px 20px;
}
.view4k.operatorDesktop .accionesBx .caccArea .ficha-cacc .offline-door .mapa-localizar,
.view4k.op_cctv_planim .accionesBx .caccArea .ficha-cacc .offline-door .mapa-localizar {
    float: left;
}
.view4k.operatorDesktop .accionesBx .caccArea .back-button.in-row {
    position: static;
    top: 0px;
}
.view4k.operatorDesktop .accionesBx .tab-content .desktop-doors,
.view4k.op_cctv_planim .accionesBx .tab-content .desktop-doors {
    min-height: 0;
    max-height: 100%;
    height: auto;
}

.view4k .accionesBx .tab-content .desktop-doors .door-icons {
    width: 150px;
    padding: 12px 0 0 10px;
    text-align: center;
}
.view4k .accionesBx .tab-content .desktop-doors .door-row-icon {
    width: 38px;
    height: 38px;
    display: inline-block;
}
.view4k .accionesBx .tab-content .desktop-doors .door-icons .icon-column {
    display: inline-block;
    width: auto;
    margin-left: 10px;
    color: #fff;
}
.view4k .accionesBx .tab-content .desktop-doors .first-group-columns {
    width: 100% !important;
}
.view4k .accionesBx .tab-content .desktop-doors .first-group-columns .main-column {
    width: 290px;
}
.view4k .accionesBx .tab-content .desktop-doors .first-group-columns .side-button-column {
    width: 190px;
}
.view4k .accionesBx .tab-content .desktop-doors .second-group-columns {
    display: none;
}

.view4k.operatorDesktop .accionesBx .tab-content .tab-pane.cctvArea .first-column input[type="checkbox"],
.view4k.op_cctv_planim .accionesBx .tab-content .tab-pane.cctvArea .first-column input[type="checkbox"] {
    display: none;
}

.view4k.op_cctv_planim .accionesBx .tab-content .tab-pane.visitsArea {
    height: 922px;
}
.view4k.operatorDesktop .accionesBx .tab-content .tab-pane.visitsArea #visitsCtrlr,
.view4k.op_cctv_planim .accionesBx .tab-content .tab-pane.visitsArea #visitsCtrlr {
    max-height: 860px;
}
.view4k.operatorDesktop .accionesBx .tab-content .tab-pane.visitsArea #visitsCtrlr div.list-table-wrapper,
.view4k.op_cctv_planim .accionesBx .tab-content .tab-pane.visitsArea #visitsCtrlr div.list-table-wrapper {
    min-height: 0;
    max-height: 3000px;
    height: auto;
    overflow: auto !important;
}
.view4k.operatorDesktop .accionesBx #terminalCtrlr .ti-close,
.view4k.operatorDesktop .accionesBx #terminalCtrlr .ti-check,
.view4k.op_cctv_planim .accionesBx #terminalCtrlr .ti-close,
.view4k.op_cctv_planim .accionesBx #terminalCtrlr .ti-check {
    background-color: rgba(255,255,255,0.4);
    border-radius: 50%;
    padding: 5px;
    font-weight: bold;
}

.view4k.operatorDesktop .list-table .table-row:hover,
.view4k.op_cctv_planim .list-table .table-row:hover {
    background-color: #7e8f9e !important;
}
.view4k.operatorDesktop .ver-detalle .info-circle,
.view4k.operatorDesktop .alarmaArea .btnTable .info-circle,
.view4k.op_cctv_planim .ver-detalle .info-circle,
.view4k.op_cctv_planim .alarmaArea .btnTable .info-circle  {
    display: none !important;
}
.view4k .accionesBx .tab-content .tab-pane {
    overflow-y: auto;
}

.view4k.operatorDesktop .notify-ext-view-padding,
.view4k.operatorDesktop .desktop-doors .door-inner-row.col-sm-9,
.view4k.operatorDesktop .desktop-doors .door-inner-row.col-sm-3,
.view4k.operatorDesktop .accionesBx .box,
.view4k.operatorDesktop .desktop-doors .table-row-container,
.view4k.op_cctv_planim .ext-view-bordertop,
.view4k.op_cctv_planim .notify-ext-view-padding,
.view4k.op_cctv_planim .desktop-doors .door-inner-row.col-sm-9,
.view4k.op_cctv_planim .desktop-doors .door-inner-row.col-sm-3,
.view4k.op_cctv_planim .accionesBx .box,
.view4k.op_cctv_planim .desktop-doors .table-row-container {
    background-color: #50555d;
}

.view4k.operatorDesktop .list-table-wrapper .vista-ampliada,
.view4k.operatorDesktop .list-table-wrapper .vista-ampliada .gray-bg,
.view4k.operatorDesktop .list-table-wrapper .vista-ampliada .formAlarmArea,
.view4k.operatorDesktop .list-table-wrapper .vista-ampliada .cctvForm .nptBigBx,
.view4k.op_cctv_planim .list-table-wrapper .vista-ampliada,
.view4k.op_cctv_planim .list-table-wrapper .vista-ampliada .gray-bg,
.view4k.op_cctv_planim .list-table-wrapper .vista-ampliada .formAlarmArea,
.view4k.op_cctv_planim .list-table-wrapper .vista-ampliada .cctvForm .nptBigBx {
    background-color: #50555d !important;
}

.view4k.operatorDesktop .list-table-wrapper .vista-ampliada .cctvForm .cctvInsideFilter,
.view4k.op_cctv_planim .list-table-wrapper .vista-ampliada .cctvForm .cctvInsideFilter {
    margin: 0;
    height: auto;
}
.view4k.operatorDesktop .list-table-wrapper .vista-ampliada .cctvForm .nptBigBx,
.view4k.op_cctv_planim .list-table-wrapper .vista-ampliada .cctvForm .nptBigBx {
    padding: 0;
    margin-top: 50px;
}
.view4k.operatorDesktop .list-table-wrapper .vista-ampliada .formAlarmArea.cctvForm .box,
.view4k.op_cctv_planim .list-table-wrapper .vista-ampliada .formAlarmArea.cctvForm .box {
    border: none;
    background-color: transparent;
    padding: 0
}

.view4k.operatorDesktop #cctvCtrlr .list-table-filters,
.view4k.op_cctv_planim #cctvCtrlr .list-table-filters {
    display: none;
}

.view4k.operatorDesktop filter-selector-wrapper + #cctvCtrlr div.list-table-wrapper {
    height: 610px;
}

.view4k.operatorDesktop filter-selector-wrapper.ng-hide + #cctvCtrlr div.list-table-wrapper {
    height: 700px;
}

.view4k.operatorDesktop .list-table-wrapper .formAlarmArea.cctvForm row-text-input:not(.fila),
.view4k.operatorDesktop .list-table-wrapper .vista-ampliada .formAlarmArea.cctvForm cctv-camera-extended .motion ul,
.view4k.operatorDesktop .list-table-wrapper .vista-ampliada .formAlarmArea.cctvForm cctv-camera-extended .motion li,
.view4k.operatorDesktop .list-table-wrapper .formAlarmArea.cctvForm row-dropdown-input,
.view4k.operatorDesktop .alarmaArea .vista-ampliada select-cctv-camera-with-show .camara,
.view4k.operatorDesktop .alarmaArea .vista-ampliada row-dropdown-input,
.view4k.operatorDesktop .alarmaArea .vista-ampliada row-text-input:not(.fila),
.view4k.op_cctv_planim .list-table-wrapper .formAlarmArea.cctvForm row-text-input:not(.fila),
.view4k.op_cctv_planim .list-table-wrapper .vista-ampliada .formAlarmArea.cctvForm cctv-camera-extended .motion ul,
.view4k.op_cctv_planim .list-table-wrapper .vista-ampliada .formAlarmArea.cctvForm cctv-camera-extended .motion li,
.view4k.op_cctv_planim .list-table-wrapper .formAlarmArea.cctvForm row-dropdown-input,
.view4k.op_cctv_planim .alarmaArea .vista-ampliada select-cctv-camera-with-show .camara,
.view4k.op_cctv_planim .alarmaArea .vista-ampliada row-dropdown-input,
.view4k.op_cctv_planim .alarmaArea .vista-ampliada row-text-input:not(.fila) {
    display: block;
    background-color: #595d66;
    min-height: 50px;
    padding: 10px;
}
.view4k.operatorDesktop .list-table-wrapper .formAlarmArea.cctvForm row-text-input span,
.view4k.op_cctv_planim .list-table-wrapper .formAlarmArea.cctvForm row-text-input span {
    padding: 0;
}

.view4k.operatorDesktop .list-table-wrapper .vista-ampliada .cctvForm .cctvInsideFilter .puerto,
.view4k.operatorDesktop .list-table-wrapper .vista-ampliada .formAlarmArea .puerto,
.view4k.op_cctv_planim .list-table-wrapper .vista-ampliada .cctvForm .cctvInsideFilter .puerto,
.view4k.op_cctv_planim .list-table-wrapper .vista-ampliada .formAlarmArea .puerto {
    display: none;
}

.view4k.operatorDesktop .alarmaArea .vista-ampliada div.box,
.view4k.op_cctv_planim .alarmaArea .vista-ampliada div.box {
    background-color: transparent;
    margin: 0;
    padding: 0;
}

.view4k.operatorDesktop .alarmaArea .vista-ampliada select-cctv-camera-with-show .camara,
.view4k.op_cctv_planim .alarmaArea .vista-ampliada select-cctv-camera-with-show .camara {
    width: 70%;
    padding: 0;
}

.view4k.operatorDesktop .alarmaArea .vista-ampliada select-cctv-camera-with-show .boton,
.view4k.op_cctv_planim .alarmaArea .vista-ampliada select-cctv-camera-with-show .boton {
    width: 30%;
    padding-top: 8px;
}

.view4k.operatorDesktop .list-table-wrapper .vista-ampliada .formAlarmArea .ver-video button,
.view4k.op_cctv_planim .list-table-wrapper .vista-ampliada .formAlarmArea .ver-video button {
    font-size: 16px;
    margin-top: 10px;
}

.view4k.operatorDesktop .list-table-wrapper .vista-ampliada .formAlarmArea.cctvForm cctv-camera-extended .motion ul,
.view4k.op_cctv_planim .list-table-wrapper .vista-ampliada .formAlarmArea.cctvForm cctv-camera-extended .motion ul {
    padding: 0;
}

.view4k.operatorDesktop .list-table-wrapper .vista-ampliada .formAlarmArea.cctvForm cctv-camera-extended .motion li,
.view4k.op_cctv_planim .list-table-wrapper .vista-ampliada .formAlarmArea.cctvForm cctv-camera-extended .motion li {
    font-size: 15px;
    min-height: 0;
}

.view4k.operatorDesktop .accionesBx .nptBx .box,
.view4k.operatorDesktop .accionesBx .infoBx p,
.view4k.operatorDesktop .alarmaArea .principalTh .bigNumber,
.view4k.operatorDesktop .principalTh,
.view4k.op_cctv_planim .accionesBx .nptBx .box,
.view4k.op_cctv_planim .accionesBx .infoBx p,
.view4k.op_cctv_planim .alarmaArea .principalTh .bigNumber,
.view4k.op_cctv_planim .principalTh {
    background-color: #595d66;
    border: none;
}

.view4k.operatorDesktop .alarmaArea .btnTable,
.view4k.op_cctv_planim .alarmaArea .btnTable {
    width: 390px;
}

.view4k.operatorDesktop .vista-ampliada-perfiles.vista-edicion .confGroupSize .bullet-primary,
.view4k.op_cctv_planim .vista-ampliada-perfiles.vista-edicion .confGroupSize .bullet-primary {
    margin-top: 8px;
}

.view4k.operatorDesktop .alarmaArea,
.view4k.op_cctv_planim .alarmaArea {
    max-height: 100%;
    overflow: visible;
}

.view4k.operatorDesktop .alarmaArea .h3,
.view4k.op_cctv_planim .alarmaArea .h3 {
    font-size: 20px;
    font-weight: normal;
    padding: 0;
    margin: 10px 0 8px;
    display: block;
}
.view4k.operatorDesktop .alarmaArea .filtro-parte .h3{
    margin-top: 0;
}

.view4k.operatorDesktop .formAlarmArea .nptBx,
.view4k.op_cctv_planim .formAlarmArea .nptBx {
    background-color: #50555d !important;
    border: 1px solid #ddd;
}

.view4k.operatorDesktop .alarmaArea .principalTd,
.view4k.op_cctv_planim .alarmaArea .principalTd {
    border-color: transparent;
}

.view4k.operatorDesktop .formAlarmArea .nptBx h3,
.view4k.op_cctv_planim .formAlarmArea .nptBx h3 {
    padding-bottom: 10px;
    margin: 0;
}
.view4k.operatorDesktop .formAlarmArea .nptBx .campo-asignar,
.view4k.op_cctv_planim .formAlarmArea .nptBx .campo-asignar {
    display: none;
}

.view4k.operatorDesktop .formAlarmArea .nptBx .box,
.view4k.op_cctv_planim .formAlarmArea .nptBx .box {
    padding-left: 20px;
}

.view4k.operatorDesktop .buldFlooSectBx .row,
.view4k.op_cctv_planim .buldFlooSectBx .row {
    margin-left: 0;
}

.view4k.operatorDesktop .formAlarmArea .buldFlooSectBx .filtro-parte,
.view4k.op_cctv_planim .formAlarmArea .buldFlooSectBx .filtro-parte {
    width: 100%;
    max-width: 380px;
}

.view4k.op_cctv_planim .alarmaArea .btn-primary-dark {
    border-color: #fff !important;
    color: #fff !important;
}

.view4k.operatorDesktop .alarmaArea .btn-primary-dark[disabled],
.view4k.op_cctv_planim .alarmaArea .btn-primary-dark[disabled] {
    border-color: #aaa !important;
    color: #aaa !important;
}

/* .view4k.operatorDesktop .alarmaArea building-floor-sector-selector .selected-value,
.view4k.op_cctv_planim .alarmaArea building-floor-sector-selector .selected-value {
    text-align: center;
} */

.view4k.operatorDesktop .list-table .notification-main-column,
.view4k.op_cctv_planim .list-table .notification-main-column {
    width: 450px;
}

.view4k.operatorDesktop .notify-protocol,
.view4k.op_cctv_planim .notify-protocol {
    color: #fff !important;
    background-color: #595c65;
    padding: 4px 20px 0;
}

.view4k.operatorDesktop .estadisticasBx .table-striped > tbody > tr,
.view4k.operatorDesktop .estadisticasBx .table-striped > tbody > tr:nth-of-type(2n+1),
.view4k.op_cctv_planim .estadisticasBx .table-striped > tbody > tr,
.view4k.op_cctv_planim .estadisticasBx .table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #595d66;
}

.view4k.operatorDesktop .estadisticasBx .table-striped > tbody > tr:hover,
.view4k.op_cctv_planim .estadisticasBx .table-striped > tbody > tr:hover {
    background-color: #7e8f9e;
}

.view4k.operatorDesktop .estadisticasBx .sideBx .isEditing .ajustesDdl[style]:not([style=""]) + h4 + .bigNum,
.view4k.op_cctv_planim .estadisticasBx .sideBx .isEditing .ajustesDdl[style]:not([style=""]) + h4 + .bigNum {
    background-color: #0D76D3;
    color: #fff;
}

.view4k.operatorDesktop .ajustesDdl .popover-content,
.view4k.op_cctv_planim .ajustesDdl .popover-content {
    padding: 0;
}
.view4k.operatorDesktop .ajustesDdl .popover-content .pointer,
.view4k.op_cctv_planim .ajustesDdl .popover-content .pointer {
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.view4k.operatorDesktop .estadisticasBx .ajustesDdl input,
.view4k.op_cctv_planim .estadisticasBx .ajustesDdl input {
    padding: 4px 10px;
}

.view4k.operatorDesktop .estadisticasBx .w30 i,
.view4k.op_cctv_planim .estadisticasBx .w30 i {
    border: 1px solid green;
    border-radius: 6px;
    background-color: #ccc;
    padding: 4px 4px;
    display: inline-block;
}

.view4k.operatorDesktop .alarms-options input[type="checkbox"],
.view4k.op_cctv_planim .alarms-options input[type="checkbox"] {
    display: none;
}

.view4k.operatorDesktop .accionesBx .visitArea .scan-button button {
    font-size: 16px !important;
}
.view4k.operatorDesktop .accionesBx.notificacionesModal .visitArea .scan-button button {
    font-size: 22px !important;
}
/* OPERATOR DESKTOP --> Monitorización (Algunos estilos compartidos con CCTV+Visitas) */
.view4k.operatorDesktop .dashboardBx .monitorizacionBx:not(.monitorizacionBxPopup) {
    position: fixed;
    bottom: 0;
    left: 820px;
    width: 1676px;
    height: 504px;
    padding: 0;
    border-right: 1px solid #ccc;
}

.view4k.operatorDesktop .monitorizacionBx .monitorizacionHorzScroll > .row,
.view4k#op-desktop-cctv-visits .monitorizacionHorzScroll > .row,
.view4k#op-desktop-cctv-cacc .monitorizacionHorzScroll > .row {
    margin: 0;
    display: flex;
    flex-wrap: nowrap;
}

.view4k.operatorDesktop .monitorizacionBx .eventBx,
.view4k#op-desktop-cctv-visits .monitorizacionBx .eventBx,
.view4k#op-desktop-cctv-cacc .monitorizacionBx .eventBx {
    width: 420px;
    height: 423px;
    background-color: #2c2f35;
    border: 1px solid #ccc;
    margin-right: 0;
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.view4k.operatorDesktop .monitorizacionBx .eventBx p,
.view4k#op-desktop-cctv-visits .monitorizacionBx .eventBx p,
.view4k#op-desktop-cctv-cacc .monitorizacionBx .eventBx p {
    color: #fff !important;
}

.view4k.operatorDesktop .monitorizacionBx .eventBx h1,
.view4k#op-desktop-cctv-visits .monitorizacionBx .eventBx h1,
.view4k#op-desktop-cctv-cacc .monitorizacionBx .eventBx h1 {
    margin-top: 5px;
    text-align: center;
}
.view4k#op-desktop-cctv-visits .monitorizacionBx .eventBx,
.view4k#op-desktop-cctv-cacc .monitorizacionBx .eventBx {
    /* height: 366px; */
    padding-top: 10px;
    padding-bottom: 10px;
}
.view4k#op-desktop-cctv-visits .monitorizacionBx .monitorizacionHorzScroll,
.view4k#op-desktop-cctv-cacc .monitorizacionBx .monitorizacionHorzScroll {
    height: 423px;
}

.view4k.operatorDesktop .monitorizacionBx .eventBx h3,
.view4k.operatorDesktop .monitorizacionBx .eventBx h4,
.view4k#op-desktop-cctv-visits .monitorizacionBx .eventBx h3,
.view4k#op-desktop-cctv-visits .monitorizacionBx .eventBx h4,
.view4k#op-desktop-cctv-cacc .monitorizacionBx .eventBx h3,
.view4k#op-desktop-cctv-cacc .monitorizacionBx .eventBx h4 {
    color: #fff;
    background-color: transparent;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.view4k.operatorDesktop .monitorizacionBx .eventBx h3,
.view4k#op-desktop-cctv-visits .monitorizacionBx .eventBx h3,
.view4k#op-desktop-cctv-cacc .monitorizacionBx .eventBx h3 {
    height: 50px;
}

.view4k.operatorDesktop .monitorizacionBx .eventBx h4,
.view4k#op-desktop-cctv-visits .monitorizacionBx .eventBx h4,
.view4k#op-desktop-cctv-cacc .monitorizacionBx .eventBx h4 {
    margin: 10px 0 0;
    min-height: 30px;
}

.view4k.operatorDesktop .monitorizacionBx .eventBx p,
.view4k#op-desktop-cctv-visits .monitorizacionBx .eventBx p,
.view4k#op-desktop-cctv-cacc .monitorizacionBx .eventBx p {
    background-color: transparent;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 30px;
    margin-bottom: 6px;
}

.view4k.operatorDesktop .monitorizacionBx .eventBx p:not() {
    color: #666;
}

.view4k.operatorDesktop .monitorizacionBx .redBackground,
.view4k#op-desktop-cctv-visits .monitorizacionBx .redBackground,
.view4k#op-desktop-cctv-cacc .monitorizacionBx .redBackground {
    background-color: #fc5759;
}

.view4k.operatorDesktop .monitorizacionBx .orangeBackground,
.view4k#op-desktop-cctv-visits .monitorizacionBx .orangeBackground,
.view4k#op-desktop-cctv-cacc .monitorizacionBx .orangeBackground {
    background-color: #ffb366;
}

.view4k.operatorDesktop .monitorizacionBx .eventBx p.red,
.view4k.operatorDesktop .monitorizacionBx .eventBx p.green,
.view4k#op-desktop-cctv-visits .monitorizacionBx .eventBx p.red,
.view4k#op-desktop-cctv-visits .monitorizacionBx .eventBx p.green,
.view4k#op-desktop-cctv-cacc .monitorizacionBx .eventBx p.red,
.view4k#op-desktop-cctv-cacc .monitorizacionBx .eventBx p.green {
    font-size: 20px;
    white-space: normal;
    line-height: 1.2em;
    height: auto;
}

.view4k.operatorDesktop .monitorizacionBxPopup .btn-dropdown-filter .flex-btn-helper {
    background-color: transparent;
}

.view4k.operatorDesktop .monitorizacionBxPopup .btn-dropdown-filter .flex-btn-helper .btn-text-content {
    background-color: transparent;
    color: #fff !important;
}
.view4k.operatorDesktop .monitorizacionBxPopup .eventBx .bxImg img {
    margin: 0;
}

.view4k.operatorDesktop .monitorizacionBxPopup .eventBx p.green,
.view4k#op-desktop-cctv-visits .monitorizacionBxPopup .eventBx p.green,
.view4k#op-desktop-cctv-cacc .monitorizacionBxPopup .eventBx p.green {
    color: #00a500 !important;
}
.view4k.operatorDesktop .monitorizacionBxPopup .eventBx p.red,
.view4k#op-desktop-cctv-visits .monitorizacionBxPopup .eventBx p.red,
.view4k#op-desktop-cctv-cacc .monitorizacionBxPopup .eventBx p.red {
    color: #cd3333 !important;
}

.view4k.operatorDesktop .monitorizacionBxPopup .eventBx p,
.view4k#op-desktop-cctv-visits .monitorizacionBxPopup .eventBx p,
.view4k#op-desktop-cctv-cacc .monitorizacionBxPopup .eventBx p {
    color: #fff !important;
}

.view4k.operatorDesktop .monitorizacionBx:not(.backUp-popup) {
    position: absolute;
    left: 820px;
    bottom: 0;
    height: 500px;
    width: 1680px;
    border: 1px solid #ccc;
    padding: 0;
}
.view4k.operatorDesktop .monitorizacionBx .popup-header,
.view4k#op-desktop-cctv-visits .monitorizacionBx .popup-header,
.view4k#op-desktop-cctv-cacc .monitorizacionBx .popup-header {
    background-color: #222;
}

.view4k.operatorDesktop .planimetriaArea .boxLeftBottom .zoomBx,
.view4k.operatorDesktop .planimetriaArea .boxLeftBottom .zoomPlane {
    height: 100%;
}

.view4k.operatorDesktop .planimetriaArea .zoomBx .zoomPlane .miniMap {
    border: none;
    margin: 0;
}

.view4k.operatorDesktop .fullpage-popup,
.view4k.op_cctv_planim .fullpage-popup {
    z-index: 1000;
}

.view4k.operatorDesktop general-video-show-popup .fullpage-popup,
.view4k.op_cctv_planim general-video-show-popup .fullpage-popup {
    z-index: 2055;
}

.view4k.operatorDesktop .navbar-static-top.dark-bg,
.view4k.op_cctv_planim .navbar-static-top.dark-bg {
    z-index: 0;
}

.view4k.operatorDesktop .accionesBx .cctvView .ubicacion,
.view4k.op_cctv_planim .accionesBx .cctvView .ubicacion {
    background-color: transparent;
}

.view4k.operatorDesktop .cctvView .ubicacion h3,
.view4k.op_cctv_planim .cctvView .ubicacion h3 {
    display: none;
}
.view4k.operatorDesktop .cctvView .ubicacion .filtro-parte,
.view4k.op_cctv_planim .cctvView .ubicacion .filtro-parte {
    padding: 0 5px;
}
.view4k.operatorDesktop .cctvView .boxOnly4k,
.view4k.op_cctv_planim .cctvView .boxOnly4k {
    background-color: transparent;
    padding: 0;
    border: none;
}
.view4k.operatorDesktop .cctvView .boxOnly4k .col-md-4,
.view4k.op_cctv_planim .cctvView .boxOnly4k .col-md-4 {
    width: 100%;
    float: none;
}
.view4k.operatorDesktop .accionesBx .box,
.view4k.op_cctv_planim .accionesBx .box {
    background-color: transparent;
    border: none;
    padding: 0;
}
.view4k.operatorDesktop .accionesBx .nptBx .box,
.view4k.op_cctv_planim .accionesBx .nptBx .box {
    padding: 12px 20px;
}
.view4k.operatorDesktop .estadisticasBx .sideBx .isEditing .bigNum {
    border: 2px dashed #fff;
    background-color: transparent;
    color: #fff;
}
.view4k.operatorDesktop .estadisticasBx .sideBx .isEditing .bigNum .ti-pencil {
    color: #fff;
}

.view4k.operatorDesktop .td-popup-header,
.view4k.op_cctv_planim .td-popup-header {
    top: 50px;
}
.view4k.operatorDesktop .backUp-popup,
.view4k.op_cctv_planim .backUp-popup {
    margin-top: 100px;
}
.view4k.operatorDesktop .backUp-popup.monitorizacionBxPopup {
    width: 3050px;
    padding: 0;
    margin-left: 400px;
}
.view4k.operatorDesktop .backUp-popup.monitorizacionBxPopup > .row {
    width: 100%;
}
.view4k.operatorDesktop .backUp-popup.monitorizacionBxPopup > .row + .row {
    padding: 0 30px;
}
.view4k.operatorDesktop .filter-operator-monitoring,
.view4k#op-desktop-cctv-visits .filter-operator-monitoring,
.view4k#op-desktop-cctv-cacc .filter-operator-monitoring {
    border-color: #0D76D3;
    color: #0D76D3;
}
.view4k.operatorDesktop .filter-operator-monitoring:hover,
.view4k#op-desktop-cctv-visits .filter-operator-monitoring:hover,
.view4k#op-desktop-cctv-cacc .filter-operator-monitoring:hover {
    border-color: #54b3fe;
    color: #54b3fe;
}
.view4k.operatorDesktop .backUp-popup.monitorizacionBxPopup .td-popup-header + div {
    padding: 20px;
}
.view4k.operatorDesktop .backUp-popup.monitorizacionBxPopup .h3 {
    background-color: transparent;
    color: #fff !important;
}

.view4k .save-report .btn-rounded-active span {
    background-color: #0D76D3;
}

.operator-desktop-titulo {
    display: none;
}

.planimetriaArea .plantaBx .operator-desktop-titulo,
.view4k.operatorDesktop .operator-desktop-titulo,
.view4k.op_cctv_planim .operator-desktop-titulo {
    display: block;
    font-size: 24px;
    text-transform: uppercase;
    padding: 10px;
    margin: 0;
    text-align: center;
    background-color: #50555d;
    font-weight: 300;
}

.planimetriaArea .plantaBx .operator-desktop-titulo {
    display: block;
}


.planimetriaArea .plantaBx .operator-desktop-titulo,
.view4k.operatorDesktop .estadisticasBx .operator-desktop-titulo {
    position: absolute;
    top: 1px; /* para ver el border-top */
    width: calc(100% - 2px);
    left: 1px;
}

.view4k.operatorDesktop .notificacionesBx .operator-desktop-titulo {
    height: 55px;
}

.view4k.operatorDesktop .estadisticasBx .posR {
    margin: -22px 0 22px;
}

/* botones para localizar en el plano */
.mapa-localizar {
    display: none;
}
.mapa-localizar .fa {
    padding-right: 10px;
}
.view4k.operatorDesktop .mapa-localizar,
.view4k.op_cctv_planim .mapa-localizar {
    display: inline-block;
}
.view4k.operatorDesktop .caccArea .mapa-localizar,
.view4k.operatorDesktop .cctvArea .mapa-localizar,
.view4k.operatorDesktop .alarmaArea .vista-ampliada .mapa-localizar,
.view4k.op_cctv_planim .caccArea .mapa-localizar,
.view4k.op_cctv_planim .cctvArea .mapa-localizar,
.view4k.op_cctv_planim .alarmaArea .vista-ampliada .mapa-localizar {
    margin: 20px 100px 0px auto;
    display: block;
}

.view4k.operatorDesktop .cctvArea .mapa-localizar,
.view4k.op_cctv_planim .cctvArea .mapa-localizar {
    margin: -20px 50px 0px auto;
}

.view4k.operatorDesktop .cctvArea cctv-camera-extended .mapa-localizar,
.view4k.op_cctv_planim .cctvArea cctv-camera-extended .mapa-localizar {
    margin: -12px 80px 20px auto;
}

.view4k.operatorDesktop .alarmaArea .vista-ampliada .mapa-localizar,
.view4k.op_cctv_planim .alarmaArea .vista-ampliada .mapa-localizar {
    margin: -6px 70px 0px auto;
}

.oculto{
    display: none;
}

/* ***************************** acciones */
.accionesBx {
    width: 100%;

}

.accionesBx .tab-content,
.accionesBx .nav-tabs {
    width: 100%;
    float: left;
}

.accionesBx .tab-content .tab-pane {
    padding: 30px;
}

.accionesBx .caccArea {
    padding-top: 50px;
}

.accionesBx .box {
    float: left;
    color: #fff;
    width: 100%;
    height: 60px;
    padding: 15px 20px;
    font-size: 20px;
}

.accionesBx .box.userSerachInput {
    height: auto;
    padding: 0;
    font-size: 20px;
}

.accionesBx .bxInfo {
    padding: 10px;
}

.accionesBx .list-table .table-header {
    position: relative;
}

.accionesBx .infoBx,
.accionesBx .nptBx,
.accionesBx .ddlBx {
    width: 100%;
    float: left;
}

.accionesBx .infoBx {
    margin-bottom: 15px;
}

.accionesBx .nptBx {
    margin: 40px 0;
}

.accionesBx .ddlBx {
    padding: 20px 20px;
}

.accionesBx .ddlBx .h3 {
    margin-bottom: 5px;
    line-height: 40px;
}


.view4k .accionesBx .list-table .table-row li,
.view4k .accionesBx h3,
.view4k .accionesBx h4,
.view4k .accionesBx p,
.view4k .accionesBx button,
.view4k .accionesBx input,
.view4k .accionesBx span,
.view4k .accionesBx a,
.view4k .accionesBx .ddlBx .btn-text-content,
.view4k .notificacionesBx .list-table .table-row li {
    font-size: 20px;
}

.view4k .notificacionesBx .list-table .table-row li {
    color: #fff;
}

.view4k .accionesBx .list-table .main-column {
    width: 300px;
}

.view4k .accionesBx .list-table .main-column span {
    overflow: hidden;
    text-overflow: ellipsis;
}
.view4k .accionesBx .stateCentralBx .alarmaArea .bullet-primary {
    padding-top: 5px;
}

.view4k.operatorDesktop .accionesBx .stateCentralBx .only4kHackPosR .bullet-primary {
    margin-top: 8px;
}

.view4k .accionesBx #main-table-inner .second-group-columns,
.view4k .accionesBx .list-table .table-header {
    height: 56px;
}

.view4k .accionesBx .main-content div.list-table-wrapper {
    min-height: 585px;
    overflow-y: auto;
}

.view4k .accionesBx #alertsCtrlr div.list-table-wrapper {
    height: auto;
    min-height: unset;
}

.view4k .accionesBx #alertsCtrlr div.list-table-wrapper .list-container {
    margin-top: 80px;
}
.list-table .table-row .ver-detalle .info-circle,
.ext-view-table-row.credential-group .info-circle {
    position: relative;
    left: -35px;
}

.list-table.horizontal-scrolled .table-row .ver-detalle .info-circle {
    left: -15px;
}

.list-table.horizontal-scrolled #main-table-inner-row > .second-group-columns > ul {
    width: 0px;
    padding-right: 0px;
}

.list-table.horizontal-scrolled #main-table-inner-row > .second-group-columns li > row-edit-button button,
.list-table.horizontal-scrolled #main-table-inner-row > .second-group-columns li > row-save-button button {
    margin-right: 20px;
}

/* altura máxima con filtro abierto */
.view4k filter-selector-wrapper:not(.ng-hide) ~ .main-content operator-visits-list div.list-table-wrapper {
    min-height: unset;
}
/* altura máxima con filtro cerrado */
.view4k .main-content operator-visits-list div.list-table-wrapper {
    min-height: unset;
}

.view4k .accionesBx .btn-primary {
    margin-top: 0;
}

.view4k .accionesBx .list-table .vista-ampliada .container,
.view4k .accionesBx .list-table .vista-ampliada .container {
    width: 1240px;
}

.view4k .list-table .table-row .ver-detalle .info-circle {
    padding: 10px 20px;
    margin-left: -50px;
}

.accionesBx .nptBx h3 {
    margin-top: 16px;
}

.formAlarmArea .nptBx h3 {
    margin-bottom: 0;
}

.formAlarmArea .col-sm-4,
.formAlarmArea .col-sm-8 {
    padding-left: 20px;
    padding-right: 20px;
}

.accionesBx .nptBx .box {
    margin-bottom: 15px;
}

.accionesBx .titleCACC span,
.accionesBx .titleCACC p {
    font-size: 1.9em;
}

.accionesBx .infoBx p,
.accionesBx .nptBx input {
    width: 100%;
}

.accionesBx .infoBx p {
    float: left;
    padding: 20px;
    margin-bottom: 2px;
}

.accionesBx .infoBx span {
    padding-right: 30px;
}

.accionesBx .doorInfo button {
    margin: 15px 0;
    width: 100%;
    padding: 10px 15px;
}

.accionesBx .door-status-box h4 {
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 30px
}

.accionesBx .door-status-box i {
    font-size: 3.0em;
    line-height: 48px;
}

/* ************ALARMA****/
.alarmaArea {
    width: 100%;
    float: left;
    max-height: 550px;
    overflow-y: auto;
    overflow-x: hidden !important;
}

div.alarmaArea.list-table-wrapper {
    margin-top: 0px;
}

.cctvView {
    max-height: 670px;
}

.alarmaArea .table {
    margin: 0;
}

.alarmaArea .h3 {
    font-size: 16px;
    display: block;
}

.formAlarmArea .col-sm-8 {
    padding-left: 5px;
}

.alarmaArea .scrollTable {
    height: 670px;
    overflow-y: scroll;
    width: 100%;
    float: left;
}

.alarmaArea .specialStateSwitch p {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
}

.alarmaArea .specialStateSwitch span {
    float: left;
    margin: 3px 15px 0 0;
}

.alarmaArea .tableSmall {
    margin: 30px;
    border: 1px solid #ccc;
}

.alarmaArea .checkTd {
    width: 60px;
}

.alarmaArea .mainTd {
    min-width: 430px;
}

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

.alarmaArea .bullet-primary {
    display: inline-block;
}

.cctvSettings .bullet-primary {
    display: inline-block;
}

.cctvSettings .specialStateSwitch span {
    float: left;
    margin: 3px 15px 0 0;
}

.alarmaArea .principalTd {
    height: 50px;
}

.alarmaArea .principalTd .info-circle {
    color: #3c424c;
    background: #fff;
    border-radius: 30px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px 1px rgba(0, 0, 0, 0.22);
    padding: 10px;
    float: right;
    line-height: 10px;
    cursor: pointer;
    visibility: hidden;
}

.alarmaArea .principalTd:hover .info-circle {
    visibility: visible;
}

.buldFlooSectBx {
    padding: 20px;
    float: left;
    width: 100%;
}

.formAlarmArea .col-sm-8 {
    padding-left: 5px;
}

.formAlarmArea .buldFlooSectBx .filtro-parte {
    width: 50%;
}


.list-table .table-header li.text-left {
    text-align: left;
}

.principalTh {
    border: none;
    color: #fff;
    height: 50px;
    font-weight: 700;
    line-height: 26px;
    text-transform: uppercase;
    width: 100%;
    background: #0D76D3;
    color: #fff;
    position: absolute;
    margin-top: -50px;
    z-index: 2;
}

.camerasList {
    background: #ffffff;
}

.camerasList .principalTh {
    position: initial;
}

.principalTh + .list-container {
    margin-top: 50px;
}

.secondaryTh {
    border: none;
    color: #fff;
    text-transform: uppercase;
}

.principalTd,
.secondaryTd {
    float: left;
    width: 100%;
    border-bottom: 1px solid #dcdcdc;
}

.alarmaArea .principalTd:hover {
    cursor: pointer;
}

.table ul {
    margin: 0;
    padding: 0;
}

.principalTh li,
.secondaryTh li,
.principalTd li,
.secondaryTd li {
    display: inline-block;
    padding: 10px;
}

.vista-ampliada-perfiles.vista-edicion .nZonaSize input {
    width: 100%;
}

.table .nZonaSize {
    width: 30%;
    margin-top: 4px;
    vertical-align: top;
}

.table .confGroupSize {
    width: 20%;
    margin-top: 4px;
    vertical-align: top;
}

.table .obsoleteSize {
    width: 20%;
    margin-top: 4px;
    vertical-align: top;
}

alert-zone-row .confGroupSize{
    width: 20% !important;
    text-align: left !important;
}

.vista-ampliada-perfiles.vista-edicion .confGroupSize .bullet-primary {
    display: block;
    margin-right: 5px;
    float: left;
    margin-top: 2px;
}

.table .stateSize {
    width: 20%;
    text-align: center;
    margin-top: 4px;
}

.alarmaArea .btnTable {
    text-align: right;
    width: 410px;
    padding: 0px 10px;
}

.alarmaArea .btnTable .info-circle {
    margin-top: 6px;
}

.alarmaArea .btnTable .btn-primary {
    margin-top: 10px;
}

.backUp-popup.kindOperatorTable .bigNumber,
.alarmaArea .bigNumber {
    font-size: 16px;
    background-color: #ccc;
    font-weight: bold;
    padding: 13px 0;
    color: #666;
    width: 46px;
    float: left;
    text-align: center;
}

.backUp-popup.kindOperatorTable .principalTh .bigNumber {
    background-color: transparent;
}

.backUp-popup.kindOperatorTable .table {
    height: 800px;
    overflow-y: scroll;
}

.alarmaArea .principalTh .first-column {
    margin-top: 7px;
}

.alarmaArea .first-column {
    width: 3%;
    margin-top: 4px;
}

.alarmaArea .principalTh .bigNumber {
    background: #0D76D3;
    padding: 10px 0;
}

.alarmaArea .formAlarmArea {
    float: left;
    width: 100%;
    background: #e3e5e6;
}

.formAlarmArea input, .formAlarmArea span {
    font-size: 14px
}

.formAlarmArea .nptBx {
    padding: 30px;
    margin: 30px 2%;
    width: 96%;
    background: #fff;
}

.formAlarmArea .nptBx h3 {
    text-align: left;
}

.formAlarmArea .nptBx .box {
    padding: 10px;
    padding-left: 0;
    margin-bottom: 15px;

}

/* 4k alarma */
.view4k .alarmaArea {
    max-height: 794px;
}

.view4k .alarmaArea .secondaryTh th {
    padding: 10px;
}

.view4k .principalTh {
    font-size: 20px;
}

.view4k .alarmaArea .table th,
.view4k .alarmaArea .table td {
    padding: 15px;
    font-size: 20px;
    text-align: center;
}

.view4k .alarmaArea .table.secondaryTable th,
.view4k .alarmaArea .table.secondaryTable td {
    padding: 12px;
    font-size: 18px;
    text-align: center;
}

.view4k .alarmaArea .table th.text-left,
.view4k .alarmaArea .table td.text-left {
    text-align: left;
}

.view4k .alarmaArea .table td.hiddenRow,
.view4k .alarmaArea .table.secondaryTable td.hiddenRow {
    padding: 0;
}

.view4k .alarmaArea .principalTh th {
    font-size: 22px;
}

.view4k .alarmaArea .table .bigNumber {
    font-size: 22px;
    background-color: #f0f0f0;
    font-weight: bold;
    padding: 15px;
    color: #666;
    width: 60px;
}

.view4k .alarmaArea .principalTh .bigNumber,
.view4k .alarmaArea .table th.bigNumber {
    background-color: #0D76D3;
    padding: 10px;
}

.view4k .formAlarmArea input,
.view4k .formAlarmArea span {
    font-size: 20px;
}

.formAlarmArea .nptBx {
    padding: 30px;
    margin: 30px 2%;
    width: 96%;
    background: #fff;
}

.cctvForm .nptBigBx {
    padding: 15px;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background: #fff;
}

.formAlarmArea .nptBx h3 {
    text-align: left;
}

.formAlarmArea .nptBx .box {
    padding: 10px;
    padding-left: 0;
    background-color: transparent;
    margin-bottom: 15px;
}

.view4k .btn-dropdown-filter .flex-btn-helper {
    min-height: 30px;
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}


/* Config -> Alarmas */
.new-item-page.alarmaArea .global-actions-user-options {
    min-height: 56px;
}


/* 4k planimetria COMMAND 1 */

.view4k .planimetriaArea .sceneBx,
.view4k .planimetriaArea {
    height: 1445px;
}

.view4k .planimetriaArea .sceneBx {
    position: absolute;
}

.view4k .planimetriaArea .detailMap {
    height: 1430px;
}

.view4k .planimetriaArea .boxLeftBottom {
    /*height: 350px;
    width: 33%;
    top: 1442px;
    left: 875px;*/
    right: auto;
    left: 818px;
    width: 935px;
    bottom: 504px;
    height: 360px;
}

.view4k .planimetriaArea .plantaBx {
    /*float: left;
    width: 35%;
    height: 700px;
    border-top: 0px;
    border-right: 1px solid #ccc;
    margin-left: 5px;*/
    width: 821px;
    height: 864px;
    left: -1px;
    right: auto;
    border: 1px solid #ccc;
    z-index: 0;
}

.view4k .planimetriaArea .zoomBx {
    float: left;
    width: 100%;
    height: none;
}

.view4k .planimetriaArea .zoomBx .zoom {
    float: left;
    width: 20%;
    height: 300px;
    padding: 50px 0;

}

.view4k .planimetriaArea .zoomBx .spacesForviewBx {
    width: 32%;
    height: 300px;
    padding: 50px;
    margin: 0;
}

.view4k .planimetriaArea .zoomBx .zoomPlane {
    float: left;
    width: 100%;
    height: 345px;
    /*margin-left: 1%;*/
    border-top: none;
}

.view4k .planimetriaArea .zoomBx .zoomPlane .miniMap .childMiniMap {
    height: 250px;
    width: 100%;

}

.view4k .planimetriaArea .zoomBx .zoomPlane .miniMap {
    float: left;
    width: 100%;
    height: 100%;
    margin: 5px; /*13px 0;*/
}

.view4k .planimetriaArea .zoomBx .zoomPlane .miniMap .miniMap {
    margin: 0;
}

.view4k .planimetriaArea .intBuildMap #mapbuilding,
.view4k .planimetriaArea .intBuildMap {
    float: left;
    width: 100%;
    height: 100%;
}

.view4k .planimetriaArea h3, .view4k .planimetriaArea h4,
.view4k .boxLeftBottom .zoomBx .zoom h4,
.view4k .spacesForviewBx .space h4, .zoom h4 {
    font-size: 28px;
}

.view4k .spacesForviewBx .bullet-primary {
    width: 50px;
    height: 50px;
}

.view4k .spacesForviewBx .btn-switch {
    width: 75px;
    margin-top: 30px;
}

.view4k .spacesForviewBx .btn-switch .switch {
    height: 22px;
    width: 65px;
}

.view4k .spacesForviewBx .btn-switch .switch:after {
    width: 35px;
    height: 35px;
    left: 0px;
}

.plantaBx .planta {
    /*height: 625px;*/ /* calimero-4156 */
    height: calc(100% - 50px); /* calimero-4156 */
    width: 100%; /* calimero-4156 */
    position: absolute; /* calimero-4156 */
    bottom: 0; /* calimero-4156 */
}

.view4k .zoom .moreZoom, .view4k .zoom .lessZoom {
    font-size: 4.8em;
    padding-top: 15px;
}

.view4k .zoom .barZoom {
    height: 35px;
    border-bottom-width: 4px;
}

.view4k .zoom .barZoom b {
    border-width: 4px;
    top: 17px;
    height: 30px;
}

/* 4k notificaciones*/
.view4k .list-table .table-header li {
    float: left;
    font-size: 22px;
}

.view4k .list-table .table-header .order-arrow {
    font-size: 18px;
    padding-left: 5px;
}

.view4k .notificacionesBx .main-content div.list-table-wrapper {
    height: 1180px;
    overflow-y: scroll;
}

.view4k .alarmaArea .main-content div.list-table-wrapper {
    min-height: 540px;
    overflow-y: auto;
}

.view4k .list-table-filters-list {
    height: 50px;
}

/* monitorizacion */
.monitorizacionBx {
    padding: 0 15px 30px 15px;
}

.monitorizacionBx .eventBx {
    overflow: hidden;
    padding: 30px;
}

.eventBx {
    height: 330px;
    width: 500px;
    margin-right: 5px;
}

.monitorizacionBx .eventBx h3,
.monitorizacionBx .eventBx .bxImg,
.monitorizacionBx .eventBx h4,
.monitorizacionBx .eventBx p,
.monitorizacionBx .eventBx p.green,
.monitorizacionBx .eventBx p.red {
    width: 100%;
    float: left;
    text-align: center;
    margin: 5px 0;
}

.monitorizacionBx .eventBx p {
    color: #666;
}

.view4k.operatorDesktop .monitorizacionBx .eventBx p.red,
.view4k#op-desktop-cctv-visits .monitorizacionBx .eventBx p.red,
.view4k#op-desktop-cctv-cacc .monitorizacionBx .eventBx p.red,
.monitorizacionBx .eventBx p.red {
    color: #cd3333 !important;
}

.view4k.operatorDesktop .monitorizacionBx .eventBx p.green,
.view4k#op-desktop-cctv-visits .monitorizacionBx .eventBx p.green,
.view4k#op-desktop-cctv-cacc .monitorizacionBx .eventBx p.green,
.monitorizacionBx .eventBx p.green {
    color: #00a500 !important;
}

.monitorizacionBx .eventBx h3 {
    font-size: 1.3em;
    height: 30px;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 1.2em;
}

.monitorizacionBx .eventBx .bxImg {
    width: 110px;
    height: 110px;
    float: none;
    overflow: hidden;
    margin: 0px auto;
    display: block;
}

.monitorizacionBx .eventBx h4 {
    font-size: 1.5em;
    margin-top: 15px;
    line-height: 1.2em;
}

.monitorizacionBx .eventBx p {
    font-size: 1.3em;
    height: auto;
    margin-bottom: 0;
    margin-top: 10px;
    padding: 0 6px;
}

.monitorizacionBx .eventBx p.red,
.monitorizacionBx .eventBx p.green {
    font-size: 1.6em;
    margin: 0px;
    line-height: 30px;
}

.monitorizacionBx .eventBx .bxImg img {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    border: 1px solid #999999;
    overflow: hidden;
}

.fakecolSm6 {
    width: 100%;
}

.global-monitoring .monitorizacionBx .navSettings,
.monitorizacionBx .navSettings{
    height: 120px;
}

.monitorizacionBx .navSettings .h3 {
    float: left;
    width: 100%;
    margin: 10px 0 0px 0;
}

.monitorizacionHorzScroll > .row {
    overflow-x: auto;
    /* white-space: nowrap; */
}

.monitorizacionHorzScroll > .row log-entry-camera-buttons{
    white-space: normal;
}

.view4k .monitorizacionHorzScroll > .row log-entry-camera-buttons{
    display: flex;
    justify-content: space-around;
}

.monitorizacionHorzScroll > .row .buttons-zone {
    white-space: normal;
}

.monitorizacionHorzScroll > .row > .moniBox {
    display: inline-block;
    float: none;
}

.monitorizacionBx .tabSettings .btn-rounded.cerrar {
    display: none;
}


/*Monotorización cuando no esta en desktop*/
.monitoringPage .monitorizacionHorzScroll > .row {
    overflow: initial;
    white-space: normal;
}

.monitoringPage .eventBx {
    height: 370px;
    width: auto;
    margin-right: 5px;
}

.monitoringPage .eventBx p.cutted {
    overflow: hidden;
    text-overflow: ellipsis;
}

.monitoringPage .monitorizacionHorzScroll > .row > .moniBox {
    display: inline-block;
    float: none;
    width: 11%;
}

.monitoringPage .monitorizacionBx .eventBx p.red,
.monitoringPage .monitorizacionBx .eventBx p.green {
    font-size: 16px;
    line-height: 1.2em;
}

.monitoringPage .monitorizacionBx .eventBx h1 {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin: 12px 10px 10px 10px;
    height: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.monitoringPage .monitorizacionBx .eventBx h3 {
    font-size: 18px;
    height: 30px;
    margin-top: 0;
    margin-bottom: 5px;
    line-height: 1.2em;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.monitoringPage .monitorizacionBx .eventBx h3 i {
    font-size:24px;
    top: 0;
}

.monitoringPage .monitorizacionBx .eventBx h4 {
    margin: 5px 0 0 0;
    font-size: 1.2em;
    line-height: 1.2em;
}

.monitoringPage .monitorizacionBx .eventBx p {
    font-size: 1.2em;
    min-height: 25px;
    margin-bottom: 0;
    margin-top: 5px;
}

.monitoringPage .monitorizacionBx .eventBx .miniTxt {
    font-size: 14px;
}

.monitoringPage .monitorizacionBx .eventBx .bxImg {
    width: 110px;
    height: 110px;
    float: none;
    overflow: hidden;
    margin: 0px auto;
    display: block;
}

.monitoringPage .monitorizacionBx .eventBx .bxImg img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 1px solid #999999;
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 5px;
}

.monitoringPage .filterTypeStyle {
    text-transform: uppercase;
    color: #ffffff;
}

.monitoringPage .filterTypeStyle p {
    float: left;
    margin: 1px 10px 0px 10px;
    cursor: pointer;
}

.monitoringPage .filterTypeStyle .select {
    text-decoration: underline;
    font-weight: bold;
}

.monitoringPage .flex-group-left .item-id {
    color: #ffffff;
}

.monitoringPage .fakecolSm6 {
    padding-bottom: 60px;
    margin: 10px auto 0px auto;
}

/*estadisticas*/

.estadisticasBx .sideBx {
    padding: 15px 30px;
    width: 100%;
    float: left;
}

.estadisticasBx .sideBx h4,
.estadisticasBx .sideBx .bigNum {
    float: left;
    width: 98%;
    margin: 1%;
    padding: 25px 3px;
    text-align: center;
    font-weight: normal;
    font-size: 1.1em;
    height: 30px;
}

.estadisticasBx .sideBx h4 {
    height: 80px;
    font-size: 20px;
}

.estadisticasBx .sideBx .isEditing h4 {
    height: 30px;
}

.estadisticasBx .sideBx .isEditing .bigNum {
    /*height: 100px;*/
    border: 1px solid #666;
    cursor: pointer;
    background-color: #FFF;
    color: #2c2f35;
    font-size: 12px;
    padding: 8px 12px 0 4px;
    line-height: 1.4em;

}

.estadisticasBx .sideBx .isEditing .bigNum:hover {
    border: 1px solid #0D76D3;
}

.estadisticasBx .sideBx .isEditing .bigNum .ti-pencil {
    position: absolute;
    right: 2px;
    top: 2px;
}

.estadisticasBx .sideBx .bigNum {
    font-weight: bold;
    background-color: #2c2f35;
    font-size: 1.2em;
    line-height: 22px;
    width: 100%;
    position: relative;
    margin: 0;
    margin-bottom: 10px;
    /*cursor: pointer;*/
    border: 1px solid #ddd;
    height: 60px;
    padding: 15px;
    color: white;
    overflow: hidden;
}

.estadisticasBx .sideBx .isEditing .bigNum {
    cursor: pointer;
}

.estadisticasBx .ajustesDdl th {
    font-size: 23px;
    padding: 8px;
}

.estadisticasBx .ajustesDdl td {
    font-size: 22px;
    padding: 10px 15px;
}

.estadisticasBx .ajustesDdl .btn-dropdown-filter,
.estadisticasBx .ajustesDdl input {
    font-size: 22px;
    margin-right: 15px;
}

/* alrma view normal */
.alarmaArea.viewArea .conexionAlarmBx {
    width: 100%;
    float: left;
    padding: 15px;
    background-color: #FFF;
}

.alarmaArea.viewArea .conexionAlarmBx h3 {
    margin-left: 20px;
    margin-bottom: 0;
}

.alarmaArea.viewArea .btnMT {
    margin-top: 10px;

}

.viewArea.alarmaArea .table td.bigNumber {
    padding: 9px 15px;
    background-color: #ddd;
    text-align: center;
}

.viewArea.alarmaArea .hiddenRow {
    display: none;
}

/* ------ ALARMS ----- */
.alarms-options {
    display: block;
    float: left;
    width: 100%;
    background: #ffffff;
}

.alertPop .backUp-popup {
    width: 600px;
    overflow: hidden;
}

.alertPop .tableBx {
    padding: 30px;
    width: 100%;
    float: left;
}

.alertPop .tableBig {
    border: 1px solid #ccc;
}

.alertPop .backUp-popup .info-icon {
    font-size: 1.2em;
    text-align: center;
    width: 100%;
}

.alertPop h4 {
    text-align: center;
    font-size: 1.2em;
    padding: 20px 30px;
    width: 100%;
    float: left;
    line-height: 1.4em;
}

.alertPop h3.sutTit {
    font-size: 1.4em;
    text-align: center;
}

.infoBigIcon {
    font-size: 3em;
    padding: 5px;
}

/* ******************************* simulate list */
.simulateList {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
    border-bottom: none;
}

.simulateList:last-child {
    border-bottom: 1px solid #ccc;
}

.simulateList.th {
    background: #f2f2f2;
}

.simulateList li {
    padding: 10px;
    float: left;
    width: 30%;
}

.simulateList li.main-column {
    width: 50%;
}

.simulateList li.icon-column {
    width: 15%;
    float: right;
}

.simulateList li.icon-column i {
    font-size: 1.3em
}

.simulateList .standard-column-centered {
    text-align: center;
}

.view4k .accionesBx .simulateList li {
    font-size: 20px
}

.view4k .accionesBx .simulateList li.icon-column i {
    font-size: 40px
}

/* PUESTOS DE OPERADORES VARIOS */

/* VISITAS */
.cctvItem {
    border: 1px solid #f2f2f2;
    width: 98%;
    margin: 3px 1%;
    min-height: 210px;
    padding: 40px;
}

.cctvItem .bigBtn .i_cctv {
    color: #fff;
    font-size: 9em;
    padding: 0px 40px 0 0;
    float: left;
}

.cctvItem .bigBtn span {
    font-size: 40px;
    padding: 30px 0px 0 0;
    float: left;
}

.r50 {
    width: 50%;
    float: left;
}

.h100 {
    height: auto;
}

.h50 {
    height: 1080px;
    float: left;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

/*50% */
.h80 {
    height: 1780px;
    float: left;
    border-top: 1px solid #ccc;
}

/*80% */
.h20 {
    height: 432px;
    float: left;
    border-top: 1px solid #ccc;
}

.view4k .alarmaArea .btnTable .btn-primary {
    width: auto;
}

.view4k .alarmaArea .btnTable {
    width: 360px;
}

.cctvInsideFilter {
    margin: 30px;
}

.view4k .cctvView .cctvInsideFilter {
    height: 160px;
}

.view4k .camerasList .btnTable {
    width: 30%;
}

.view4k .accionesBx .operatorDesktopComponent .box {
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.view4k .list-table .first-column .form-checkbox:checked:before,
.view4k .list-table .first-column .form-checkbox:checked:after {
    transform: translate(0.2em, 0.4em) rotate(44.91deg) scale(0.3411, 0.1);
    top: -0.1em;
    left: 0em;
}
.view4k .list-table .first-column .form-checkbox:checked:after {transform: translate(0.8em, 0.4em) rotate(135.22deg) scale(0.5, 0.1) !important;}

.view4k .form-checkbox:checked:after {
    transform: translate(0.9em, 0.4em) rotate(135.22deg) scale(0.7, 0.1);
}

.view4k .alertPop .backUp-popup {
    width: 1000px;
}

.view-host-container {
    display: inline-block;
    padding: 0 !important;
    background: none;

}

.view-host-container button {
    width: 100%;
}

.view-host-container button i {
    font-size: 20px;
}


/* ********************************************************************************************************************************** */
/* ********************************************************************************************************************************** */
/* ********************************************************************************************************************************** */
/* ********************************************************************************************************************************** */
/* ********************************************************************************************************************************** */
/* ******************************************************** COLORES ***************************************************************** */
/* ********************************************************************************************************************************** */
/* ********************************************************************************************************************************** */
/* ********************************************************************************************************************************** */
/* ********************************************************************************************************************************** */
/* ********************************************************************************************************************************** */
/* ********************************************************************************************************************************** */

/* ajustes de medidas a colores */
.view4k .search-bar-pagination {
    background: #e6e6e6;
    /*padding: 0px 0 10px 0px;*/
}

.view4k .search-bar-pagination .search-bar input {
    color: #333;
    height: 44px;
}

.view4k .search-bar-pagination .launch-search {
    height: 44px;
}

.view4k .search-bar-pagination .goToPagInt {
    min-width: 135px;
}

.view4k .search-bar-pagination .btn-dropdown-pagination {
    min-width: 350px;
}

.view4k .alarmaArea .principalTd {
    height: 60px;
}

.view4k .formAlarmArea .nptBx {
    width: 100%;
    margin: 0;
}

.view4k .alarmaArea cctv-camera-extended .back-button {
    top: 30px;
    right: 50px;
}

.view4k .alarmaArea .formAlarmArea .formAlarmArea {
    float: left;
    margin: 0;
    width: 100%;
}

.view4k .alarmaArea .formAlarmArea .btn-primary-dark {
    border-color: #FFF !important;
    color: #FFF !important;
}

.view4k .alarmaArea .formAlarmArea .btn-primary-dark.videoWallBtn,
.view4k .cctvInsideFilter .again_cctvInsideFilter .btn-primary {
    border: 1px solid #000000 !important;
    color: #000000 !important;
}

.view4k .alarmaArea .principalTd .bigNumber {
    background-color: #333;
    padding: 15px;
}

.view4k .operatorVisit .container,
.view4k .new-item-page.visitArea .container {
    width: 100%;
    max-width: 2000px;
    background-color: #50555d;
}

.view4k .operatorVisit .container.container98,
.view4k .new-item-page.visitArea .container.container98 {
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 30px;
    height: auto;
}

.view4k .view4kNewVisitNoFllex .new-item-page.visitArea,
.view4k .view4kNewVisitNoFllex {
    width: 100%;
    display: block;
    float: left;
}

.view4k .container.container98 .view4kNewVisitNoFllex .new-item-page.visitArea {
    padding: 0 30px;
}

.view4k .status-bar {background: #68738B;}

.view4k .status-bar.new-item .item-id {
    font-size: 30px;
}

.view4k .status-bar .item-title h2 {
    font-size: 22px;
    color: #fff;
}


.view4k .container.container98 .add-visits-container .btn-primary-dark,
.view4k .btn-primary-dark,
.view4k log-entry-camera-buttons .btn-primary-dark {
    border: 1px solid #fff;
    color: #fff !important;
}

.view4k .container.container98 .save-report .btn-primary-dark,
.view4k .btn-primary-dark,
.view4k .container.container98 .save-report .btn-secondary-dark,
.view4k .btn-secondary-dark  {
    border-color: #333;
    color: #333 !important;
}

.view4k .container.container98 .save-report .global-actions-user-options .btn-primary-dark{
    border: 1px solid #fff;
    color: #fff !important;
}

.view4k .container.container98 .add-visits-container .btn-primary-dark[disabled],
.view4k .btn-primary-dark[disabled] {
    border-color: #a0a8b4 !important;
    color: #a0a8b4 !important;

}

.view4k .accionesBx .mt9_4k {
    margin-top: 9px;
}

.view4k .container.container98 .add-visits-container .boxGroup h3,
.view4k .container.container98 .add-visits-container .form-input:active, .form-input-active,
.view4k .container.container98 .add-visits-container .form-input:focus, .form-input-valid {
    color: #fff !important;
}

.view4k .container.container98 .add-visits-container .search-bar-pagination-filter-selector .col-xl-2.col-md-3.col-xl-offset-1 {
    width: 25%;
}

/* filtros, paginador etc */
.view4k .selected-filter-bar,
.view4k .search-bar-pagination-filter-selector {
    background-color: #7b7b7b;
}
.view4k .filterSelector,
.view4k .filterContainer{
    background: #000;
    padding: 0;
}

.view4k#op-desktop-cctv-visits .filterContainer,
.view4k#op-desktop-cctv-cacc .filterContainer{
    background: none;
}

.view4k  operator-visits-filter-selector .filterSelector{
    padding: 10px 15px;
}
.view4k users-filter-selector .filterSelector{
    padding: 10px 15px;
}
.view4k building-floor-sector-multisite-selector .filterContainer{
    background: none;
    padding: 10px 5px;
}

.view4k.op_cctv_planim .filterContainer,
.view4k .buldFlooSectBx .filterContainer{
    padding: 0 5px;
    background: none;
}
.view4k .filterSelector .filterSelector {
    height: 60px;
    margin: 15px 0;
}

.view4k .form-group.label-floating.has-value .control-label {
    color: #f2f2f2;
}

.view4k .operatorVisit h2,
.view4k .form-group.label-floating .control-label,
.view4k .form-group.label-placeholder .control-label,
.view4k .form-group.label-floating.has-value .value-field {
    color: #FFF;
    font-size: 22px;
}

.view4k .operatorVisit .form-group.label-floating .control-label,
.view4k .operatorVisit .form-group.label-floating.has-value .value-field {
    font-weight: lighter;
}

.view4k .fullwidth-filter-element .form-input, .view4k .fullwidth-filter-element .btn-dropdown-filter {
    min-height: 32px;
}

.view4k .btn-dropdown-filter,
.view4k .search-bar-pagination-filter-selector .form-input,
.view4k .form-input, 
.view4k .global-actions-form-input-small {
    background-image: none;
    border-bottom: 2px solid #747e89;
}

.view4k .btn-dropdown-filter-selected{
    border-bottom: 2px solid #0D76D3;
}


.view4k .form-group.label-floating.is-focused .control-label,
.view4k .form-group.label-floating.has-value .control-label {
    top: -40px;
    font-size: 18px;
 }

.view4k .monitorizacionBx .navSettings {
    background-color: #676771;
}

.view4k.op_cctv_planim .monitorizacionBx .navSettings{
    display: table;
}

.view4k h3,
.view4k h4,
.view4k *:not(.show-quality) > p,
.view4k button,
.view4k *:not(.bg-info):not(.search-bar) > input:not(.search-dropdown):not(.form-control),
.view4k span,
.view4k a,
.view4k .nav li a,
.view4k .first-group-columns,
.view4k .list-table *:not(.show-quality) > p,
.view4k .list-table h3,
.view4k .list-table *:not(.bg-info) > input:not(.search-dropdown),
.view4k .list-table span,
.view4k .list-table span + .i_no_assigned_doors,
.view4k .nav-tabs > .view4k li.active > a,
.view4k .nav-tabs > .view4k li.active > a:hover,
.view4k .nav-tabs > .view4k li.active > .view4k a:focus,
.view4k label,
.view4k .week-day-title-item,
.view4k .campo-personalizado-valor,
.view4k .userArea .boxUserNoFlexBoxBug i:not(.ti-close),
.view4k .ext-view-table-header,
.view4k users-extended-credential-row,
.view4k .userArea .global-actions-user-options,
.view4k .userArea .global-actions-expiration,
.view4k .list-table .accordion-door {
    color: #FFF;
}
.view4k .userArea .gray-bg .global-actions-box i:not(.ti-close){
    position: relative;
    top: 3px;
    color: #2c2f35;
}
.view4k .userArea .boxUserNoFlexBoxBug .td-popup-datepicker i.ti-angle-left,
.view4k .userArea .boxUserNoFlexBoxBug .td-popup-datepicker i.ti-angle-right {
    color: #000;
}

.view4k .userArea .gray-bg .global-actions-box related-or-object-data-image.object-data-image i{
    color: #fff;
}

.view4k .userArea .gray-bg .global-actions-box .campo-personalizado-valor i{
    position: relative;
    top: -1px;
    color: white;
}

.view4k .campo-personalizado>label{
    display: block;
    width: 100% !important;
}
.view4k .campo-personalizado .campo-personalizado-valor{
    float: none;
    width: 100% !important;
}
.view4k .monitoringPopup users-extended .gray-bg .global-actions-box i:not(.ti-close){
    position: relative;
    top: 18px;
}

.userArea .gray-bg .global-actions-box i:not(.ti-close){
    padding-top: 7px;
}

users-popup .userArea .gray-bg .global-actions-box i.ti-info-alt{
    padding-top: 20px;
}

.userArea .gray-bg .global-actions-box i.ti-angle-down,
.userArea .gray-bg .global-actions-box i.ti-angle-up,
.userArea .gray-bg .global-actions-box i.ti-search {
    padding-top: 0px;
}

.view4k .td-select-popup label {
    color: #2c2f35;
}

.view4k input[type="number"] {
    color: #fff !important;
}

.view4k .save-report label,
.view4k .save-report span:not(.door-name),
.view4k .save-report p {
    color: #fff !important;
    background-color: #fff;
}
.view4k .estadisticasBx .ajustesDdl input,
.view4k .estadisticasBx .btn-dropdown-filter{
    color: #666 !important;
    background-color: #fff;
}
.view4k .save-report #import_file_popup label,
.view4k .save-report #import_file_popup span{
    color: #333 !important;
    background: #d3d3d3 !important;
    font-size: 24px !important;
}
.view4k .users-import-content-button-container button#explore_button,
.view4k .users-import-content-button-container button.btn-primary-dark {
    width: 100%;
    height: 60px;
    color: #333 !important;
}

.view4k .save-report #import_file_popup p{
    color: #333 !important;
}
.view4k .td-popup-content .rel-objects-table-header span{
    color: #fff;
}
.view4k .td-popup-content .rel-objects-table-row span{
    color: #333 !important;
}
.view4k .save-report .doorsA label,
.view4k .save-report .doorsA span:not(.door-name),
.view4k .save-report .doorsA p,
.view4k .estadisticasBx .doorsA .ajustesDdl input,
.view4k .estadisticasBx .doorsA .btn-dropdown-filter {
    color: #333 !important;
    background-color: #fff;
}

.campo-personalizado-valor .selected-value {
    line-height: 1.5em;
}

.campo-personalizado{
    padding-top: 5px;
    padding-bottom: 5px;
}
.view4k .notificacionesModal .campo-personalizado{
    padding-top: 10px;
    padding-bottom: 10px;
}
.campo-personalizado-valor {
    width: 100%;
}g

.campo-personalizado .campo-personalizado-valor .bullet-primary{
    position: absolute;
    right: 0;
    top: 10px;
}
.view4k .accionesBx.notificacionesModal .campo-personalizado-valor .selected-value {
    font-size: 24px;
}

.notificacionesModal .btn-switch .switch:after,
.accionesBx .btn-switch .switch:after{
    width: 25px;
    height: 25px;
    top: -5px;
}
.view4k .span-black {
    color: #000;
}

.view4k .day-indicator,
.view4k .uib-daypicker,
.view4k .uib-timepicker button,
.view4k .uib-daypicker button,
.view4k .visitArea .operatorVisit .uib-timepicker,
.view4k .uib-datepicker span,
.view4k .uib-timepicker span,
#viewBx .view4k .uib-timepicker input {
    color: #333;
}

.view4k .uib-daypicker {
    margin: 0 auto;
}

.view4k .uib-day .day-indicator {
    width: 40px;
    height: 40px;
}

.view4k expiration-date-selector .td-select-popup {
    max-width: 600px;
}

.view4k expiration-date-selector .uib-monthpicker,
.view4k expiration-date-selector .uib-yearpicker {
    display: block;
    max-width: 360px;
    margin: 0 auto 50px;
}

.view4k expiration-date-selector .uib-monthpicker button,
.view4k expiration-date-selector .uib-yearpicker button,
.view4k expiration-date-selector .uib-separator {
    color: #333;
}

.view4k expiration-date-selector .td-popup-datepicker {
    float: none;
    margin: 0 auto;
    max-width: 420px;
    clear: both;
    padding: 20px 0;
}
.view4k expiration-date-selector .td-popup-datepicker thead button {
    font-size: 22px;
}
.view4k expiration-date-selector .td-popup-datepicker .uib-day .text-muted {
    color: #ddd;
}
.view4k expiration-date-selector .td-popup .td-popup-overlay .flex-group-right {
    margin-right: 0 !important;
}
.view4k expiration-date-selector .td-popup .td-popup-overlay .flex-group-right button {
    font-size: 16px;
}
.view4k expiration-date-selector .td-popup-header {
    width: 600px !important;
    margin: 0 auto !important;
    left: 0;
    right: 0;
    top: 140px !important;
}
.view4k.operatorDesktop expiration-date-selector .td-select-popup,
.view4k.op_cctv_planim expiration-date-selector .td-select-popup {
    margin-top: 140px;
}

.view4k .uib-timepicker input {
    padding: 0;
}

.view4k .h3-white {
    color: #FFF
}

.view4k .selected-row span,
.view4k .first-group-columns {
    color: #fff;
}

.view4k .tabs-row .td-popup-tab-active .td-popup-title {
    color: #333;
}

.monitorizacionBx .eventBx h3 {
    color: #333;
}

.monitorizacionBx .eventBx h4 {

    color: #333;
}

.view4k .navSettings {
    border: 1px solid #ccc;
}

.view4k .estadisticasBx .navSettings {
    border: none;
}

.view4k .visitArea .boxGroup .option-group-date-time,
.view4k .enrolment-popup-enrolled-credentials-list-item .prevent-text-overflow {
    color: #FFF;
}

.view4k .btn-primary-dark.whiteColorIn4k:hover, .view4k .btn-primary-dark.whiteColorIn4k:active,
.view4k .btn-primary-dark.whiteColorIn4k:focus, .view4k .btn-primary-dark.whiteColorIn4k:active:focus, .view4k .btn-primary-dark.whiteColorIn4k:active:hover
.view4k .btn-primary-dark.whiteColorIn4k {
    color: #FFF;
    border-color: #FFF;
}

.view4k,
.view4k .visitArea .boxGroup,
.view4k .list-table .table-row,
.view4k .alarmaArea .principalTd,
.view4k .search-bar-pagination,
.view4k .navSettings,
.view4k .selected-filter-bar,
.view4k .planimetriaArea .boxLeft,
.view4k .planimetriaArea .boxLeftBottom,
.view4k .accionesBx,
.view4k .accionesBx .bxInfo,
.view4k .monitorizacionBx,
.view4k .planimetriaArea,
.view4k .estadisticasBx,
.view4k .global-actions-user-options,
.view4k .detail-view-assigned-groups-list,
.view4k .global-actions-expiration,
.view4k .detail-view-assigned-groups-list li,
.view4k .detail-view-access-profile-timetable,
/*.view4k .new-timetable-row .new-timetable-table,
.view4k .new-timetable-row .new-timetable-table .table-heading-tabs .table-heading-tab-item-active,
.view4k .new-timetable-calendars-row,
.view4k .new-timetable-full-calendar .btn-default,*/
.view4k .detail-view-separator-container,
.view4k .detail-view-access-profile-inner-title,
.view4k .detail-view-access-profile .group-detail-inner,
.view4k .user-management-row .ext-view-table-row,
.view4k .enrolment-popup-start-container,
.view4k .enrolment-popup-enrolled-credentials-list-item {
    background-color: #2c2f35;
}

/* .view4k *:not(.edit-view) + .ext-view .global-actions-user-options,
.view4k .visitArea *:not(.edit-view) + .ext-view .boxGroup,
.view4k *:not(.edit-view) + .ext-view .global-actions-expiration,
.view4k *:not(.edit-view) + .ext-view .detail-view-assigned-groups-list,
.view4k *:not(.edit-view) + .ext-view .detail-view-assigned-groups-list li,
.view4k *:not(.edit-view) + .ext-view .detail-view-access-profile-timetable,
.view4k *:not(.edit-view) + .ext-view .detail-view-separator-container,
.view4k *:not(.edit-view) + .ext-view .detail-view-access-profile-inner-title,
.view4k *:not(.edit-view) + .ext-view .detail-view-access-profile .group-detail-inner,
.view4k *:not(.edit-view) + .ext-view .panel-group,
.view4k *:not(.edit-view) + .ext-view .panel-default,
.view4k *:not(.edit-view) + .ext-view .panel-default > .panel-heading,
.view4k .notificationsArea .listado-notas,
.view4k *:not(.users-management-edit-view) > .ext-view .global-actions-user-options,
.view4k *:not(.users-management-edit-view) > .ext-view .detail-view-assigned-groups-list li,
.view4k *:not(.users-management-edit-view) > .ext-view .detail-view-assigned-groups-list,
.view4k .ext-view .ext-view-table-header,
.view4k *:not(.users-management-edit-view) > .ext-view .ext-view-table-row,
.view4k *:not(.users-management-edit-view) > .ext-view .global-actions-expiration,
.view4k .doorsArea .rightSidebar > .row:nth-child(2) .box,
.view4k .digitalesArea .box,
.view4k .popController .lineGreen,
.view4k .borderRbox,
.view4k .doorsArea,
.view4k .backUp-popup {
    background-color: #595d66;
} */

.box .row{
    margin: 0;
}
/* .view4k .backUp-popup .ext-view-bordertop {
    border-color: #595d66;
} */

.view4k .new-timetable-row .new-timetable-table .table-heading-tabs .table-heading-tab-item-active span,
.view4k .list-table .new-timetable-table-content span,
.view4k .new-timetable-calendars-row-inner span,
.view4k .new-timetable-calendars-row-inner .week-day-title-item {
    color: #333;
}

.view4k .backUp-popup .whiteBx, .view4k .backUp-popup .sduMioPop {
    width: unset;
}

/*
.view4k .global-actions-user-options span {
    border-bottom: 1px solid transparent;
}

.view4k *:not(.edit-view) + .ext-view .global-actions-user-options span {
    border-color: #999;
}
*/

/*.view4k .visitArea .operators-visit-host,*/
.view4k .search-bar-pagination-filter-selector,
.view4k .accionesBx .box,
.view4k .accionesBx .ddlBx,
.view4k .accionesBx .infoBx p {
    background-color: #676771;
    border: 1px solid #FFF;
}

.view4k .detail-view-assigned-groups-list li:hover {
    background: #676771;
}

.view4k .detail-view-assigned-groups-list li.ver-detalle .info-circle,
.view4k .detail-view-access-profile-timetable .info-circle-outline {
    margin-top: -5px;
    background-color: #7b7b7b;
    width: 30px;
    height: 30px;
    padding: 10px;
    border-radius: 30px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px 1px rgba(0, 0, 0, 0.22);
    font-size: 16px;
}
.view4k .detail-view-access-profile .info-circle-outline i {
    font-size: 16px;
}

.view4k .accionesBx .nptBx .box,
.view4k .accionesBx .infoBx p {
    background-color: #2c2f35;
    border: 1px solid #FFF;
}

.view4k .preregist,
.estadisticasBx .table-striped > tbody > tr,
.view4k .visitArea .add-visits-container .add-visits-form,
.view4k .visitArea .operators-visit-host,
.view4k .userArea .ext-view,
.view4k .enrolment-popup-content,
.view4k .enrolment-popup-subheader,
.view4k .enrolment-popup-bg-left,
.view4k .enrolment-popup-enrolled-credentials-content-resume {
    background-color: #50555d;

}
.view4k .enrolment-popup-content {
    background: #50555d;
}
.view4k .enrolment-popup-content .list-table-credentials .ext-view-table-row {
    background-color: #2c2f35;
}
.view4k .enrolment-popup-content .list-table-credentials .ext-view-table-header {
    background-color: #595d60;
}
.view4k .enrolment-popup-content .list-table-credentials .ext-view-table-header .ext-view-table-cell {
    border-bottom-width: 2px;
}
.view4k .enrolment-popup-content .form-checkbox:checked:before,
.view4k .enrolment-popup-content .form-checkbox:checked:after {
    top: -2px;
    left: -1px;
    /* height: 1.5em; */
    background-color: #999;
}
.view4k .enrolment-popup-content .form-checkbox:checked:after {
    width: 0.9em;
}
.view4k .enrolment-popup-content button {
    font-size: 22px;
}
.view4k .enrolment-popup-pagination-group .btn-icon-dark {
    color: #fff !important;
    margin-top: 5px;
}


.view4k .accionesBx .main-content.visitArea div.list-table-wrapper {
    max-height: 500px;
    min-height: 540px;
}

.view4k .accionesBx .box.userSerachInput {
    background-color: #2c2f35;
}

.alarmaArea .formAlarmArea
.buldFlooSectBx {
    background-color: #f2f2f2;
}

.monitorizacionBx .eventBx {
    background-color: #F0f0f0;
}
.monitorizacionBx .eventBx p,
.monitorizacionBx .eventBx .door-name{
    color: #333 !important;
}
.monitoringPage .redBackground {
    background: #fc5759;
}

.monitoringPage .isVisit .orangeBackground {
    background: #ffb366;
}

.view4k .accionesBx .userSerachInput {
    border: none;
}

.view4k .accionesBx .nivelSegBx {
    display: none;
}

/*timetable*/
.view4k .timetable-bullet {
    margin-top: 7px;
    margin-right: 10px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
}
.view4k .new-timetable-calendars-row .new-timetable-calendars-row-inner {
    max-width: 1800px;
}

.view4k .new-timetable-calendars-row .new-timetable-calendar-container {
    min-height: 450px;
}

.view4k .week-day-title-item {
    font-size: 18px;
}

/*table colores */
/* filtros de la tabla HOY TODOS*/
.view4k .list-table-filters {
    background-color: #2a3242;
}

/* tabla */
.view4k .list-table .table-row {
    background-color: #484b5a;
}

.view4k#op-desktop-cctv-visits .list-table .table-row,
.view4k#op-desktop-cctv-cacc .list-table .table-row {
    border: 0;
}

.view4k#op-desktop-cctv-cacc .list-table .table-row > li.first-group-columns {
    background-color: #484b5a;
    border-bottom: 1px solid #cccccc;
}
.view4k#op-desktop-cctv-cacc .list-table .selected-row.extended-view.table-row > li.first-group-columns {
    border-bottom: 0;
}
.view4k#op-desktop-cctv-visits .list-table operator-visit-host-edit .monitoringPopup li.first-group-columns {
    background-color: transparent;
}

.view4k#op-desktop-cctv-visits .list-table users-popup .table-row li {
    font-size: 20px;
}

.view4k .list-table .selected-row,
.view4k .principalTd:hover,
.view4k .principalTd.selected-row,
.view4k .detail-view-access-profile-title {
    background: #7e8f9e !important; /*azul medio*/
}

.view4k .accionesBx .list-table .table-row .first-group-columns {
    width: 75%;
}

.view4k .accionesBx .list-table users-other-sites-row .table-row .first-group-columns {
    width: 100%;
}

/* header */
.view4k .list-table .table-header {
    background-color: #4a4c5a;
    color: #FFF;
}

.view4k .accionesBx #main-table-inner .second-group-columns, .view4k .accionesBx .list-table .table-header,
.view4k .list-table .second-group-columns {
    background-color: transparent;
}

/* ficha */

.view4k .formAlarmArea .nptBx,
.view4k .gray-bg,
.view4k .list-table-wrapper .vista-ampliada,
.view4k .alarmaArea .formAlarmArea {
    background-color: #cdcdcd !important;
}

.view4k .search-bar-pagination-filter-selector .ti-angle-up,
.view4k .btn-dropdown-filter-selected .ti-angle-down,
.view4k .btn-dropdown-filter-selected .ti-angle-up {
    color: #82C6F9;

}

.view4k .cctvInsideFilter .btn-dropdown-filter {
    background-image: -webkit-linear-gradient(#82C6F9, #747e89), -webkit-linear-gradient(#82C6F9, #747e89);
    background-image: -o-linear-gradient(#82C6F9, #747e89), -o-linear-gradient(#82C6F9, #747e89);
    background-image: linear-gradient(#82C6F9, #747e89), linear-gradient(#82C6F9, #747e89);
}

.view4k .accionesBx .vista-ampliada .formAlarmArea.cctvForm .box {
    height: auto;
    padding: 10px 15px;
}

.view4k .accionesBx .boxOnly4k {
    background-color: #2c2f35;
    border: 1px solid #FFF;
    height: auto;
    padding: 10px 13px;
}

/* row */
.view4k .table-row-container,
.view4k .list-table.vista-edicion.vista-ampliada,
.view4k .visitArea .operatorVisit {
    background-color: #cdcdcd;
    color: #2c2f35;
}

.view4k .visitArea .operatorVisit {
    background-color: #50555d;
}

.view4k .visitArea .operatorVisit h2 {
    text-transform: uppercase;
}

.view4k .global-actions-box label, .view4k .visitArea .operatorVisit {
    color: #fff;
}

.view4k .visitArea .operatorVisit {
    height: auto;
}

.view4k.operatorDesktop .new-item.visitArea .operatorVisit {
    height: 721px;
}

.view4k.operatorDesktop .alarmaArea .alarms-options {
    background: transparent;
}

/*
.view4k .table-row-container h2,
.view4k .list-table.vista-edicion.vista-ampliada h2,
.view4k .visitArea .operatorVisit h2,
.view4k .visitArea .operatorVisit h2 span,
.view4k .table-row-container h3,
.view4k .list-table.vista-edicion.vista-ampliada h3,
.view4k .visitArea .operatorVisit h3 {
    color: #2c2f35 !important;
}
*/

.view4k .visitArea .operatorVisit .td-popup h2 {
    color: #fff !important;
}

.view4k .list-table .table-header li {
    color: #FFF;
}

.estadisticasBx .table-striped > tbody > tr:nth-of-type(odd) {
    background: #2c2f35;
}

.secondaryTh {
    background: #0D76D3;
    color: #fff;
}

.principalTd,
.secondaryTd {
    border-bottom: 1px solid #dcdcdc;
}

.alarmaArea .principalTd:hover {
    background: #e0f0ff;
}

.list-table .table-row:hover.obsoletedRow,
.obsoletedRow {
    background-color: #ddd !important;
    color: #a7a7a7;
}

.list-table .table-row:hover.obsoletedRow .form-input {
    color: #a7a7a7;
}

.estadisticasBx .ajustesDdl th {
    color: #FFF;
    background-color: #1976d2;
}

.estadisticasBx .ajustesDdl td {
    color: #333;
}

.view4k .form-group.label-floating.has-value .form-input,
.estadisticasBx .btn-dropdown-filter,
.estadisticasBx .w30 i,
.estadisticasBx .btn-dropdown-filter,
.estadisticasBx .form-input:active,
.estadisticasBx .form-input-active,
.estadisticasBx .form-input:focus,
.estadisticasBx .form-input-validv
.estadisticasBx .ajustesDdl td {
    color: #fff !important;
}

.estadisticasBx .hackColorInput input,
.estadisticasBx .hackColorInput {
    width: 100%;
    float: left;
    color: #666 !important;
}

.view4k .notificationsArea .protocol {
    height: 100px;
}

.view4k .notificationsArea .label {
    top: -25px;
    width: 40px;
    height: 40px;
    padding: 14px 0 0 0;
}



.view4k #main-table-inner .second-group-columns {
    background-color: transparent;
}


.view4k .indicators .tooltip-inner,
.view4k .userNavIcon .tooltip-inner {
    background-color: #7e8f9e;
    max-width: 320px;
    width: 320px;
}
.view4k .userGlobalAcctionArea .indicators .tooltip.bottom .tooltip-arrow,
.view4k .userNavIcon .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #7e8f9e;
}

.view4k .user-profile-photo-container span {
    font-size: 12px;
    display: block;
    text-align: center;
}

.view4k .btn-apply-template {
    height: auto;
    background: transparent;
    border-color: #fff;
}
.view4k .btn-dropdown-filter .flex-btn-helper .ti-angle-down,
.view4k .btn-dropdown-filter .flex-btn-helper .ti-angle-up {
    top: 12px;
    color: #fff;
}



/* CCTV + VISITAS */
#op-desktop-cctv-visits .h80 {
    height: auto;
}
#op-desktop-cctv-visits .visitsBx {
    position: relative;
    z-index: 2000;
    overflow-x: hidden;
    overflow-y: auto;
}
#op-desktop-cctv-visits #main-table .table-header {
    height: 80px;
}
#op-desktop-cctv-visits .list-table .table-header li {
    font-size: 18px;
    /* max-width: 150px; */
}
/* #op-desktop-cctv-visits #main-table .standard-column {
    width: 190px;
} */

#op-desktop-cctv-visits #main-table .popGeneric .standard-column label{
    font-size: 20px;
}

#op-desktop-cctv-visits #main-table .monitoringPopup .standard-column {
    width: 100%;
}

#op-desktop-cctv-visits #main-table .popGeneric .standard-column{
    font-size: 20px;
}

#op-desktop-cctv-visits .td-popup,
#op-desktop-cctv-visits .fullpage-popup,
#op-desktop-cctv-visits .access-groups-timetable-popup-overlay,
#op-desktop-cctv-visits .save-report,
#op-desktop-cctv-visits .confirmation-popup {
    width: 100%;
    left: 0;
}
#op-desktop-cctv-visits .cctvBx.r50 + .r50 .td-popup,
#op-desktop-cctv-visits .cctvBx.r50 + .r50 .fullpage-popup,
#op-desktop-cctv-visits .cctvBx.r50 + .r50 .access-groups-timetable-popup-overlay,
#op-desktop-cctv-visits .cctvBx.r50 + .r50 .save-report,
#op-desktop-cctv-visits .cctvBx.r50 + .r50 .confirmation-popup {
    width: 1920px;
    left: 1920px;
}
#op-desktop-cctv-visits .fullpage-popup-header {
    position: absolute;
    /* top: 50px; */
}
#op-desktop-cctv-visits .fullpage-popup-content {
    margin-top: 110px;
}
#op-desktop-cctv-visits .access-groups-timetable-popup-overlay {
    z-index: 2060;
}
#op-desktop-cctv-visits .access-groups-timetable-popup {
    width: calc(100% - 100px);
}
#op-desktop-cctv-visits .scanDni .td-scanDni {
    background: #fff center calc(100% - 50px) url('img/Card-Scan-Anim.gif') no-repeat;
    margin: 140px 50px 0;
    padding: 50px 50px 350px;
}
#op-desktop-cctv-visits .scanDni {
    left: auto;
    right: 0;
}
#op-desktop-cctv-visits .scanDni h3 {
    text-align: center;
    font-size: 40px;
    color: #333;
}
.view4k .save-report .users-import-popup {
    max-width: 1000px;
}
#op-desktop-cctv-visits .td-popup .td-popup-overlay {
    overflow: auto;
}
#op-desktop-cctv-visits .td-popup .td-popup-overlay .flex-group-right {
    margin-right: 50px;
}
#op-desktop-cctv-visits .td-popup-header {
    position: absolute;
    top: 80px;
    margin: 0 50px;
    width: calc(100% - 100px);
}
#op-desktop-cctv-visits .save-report .save-report-header {
    position: absolute;
    width: 1000px;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 140px;
}
/* #op-desktop-cctv-visits .save-report label,
#op-desktop-cctv-visits .save-report span {
    background-color: transparent;
}
Esto hace que los topos del cctv caac, etc salgan sin fondo... No se por qué
*/
#op-desktop-cctv-visits .doorsArea.tornosA,
#op-desktop-cctv-visits .doorsArea.tornosA {
    width: 100%

}
#op-desktop-cctv-visits .doorsArea.tornosA .container,
#op-desktop-cctv-visits .doorsArea.tornosA .container {
    width: 105%;
}
#op-desktop-cctv-visits .monitorizacionBx {
    padding: 0;
}
#op-desktop-cctv-visits .monitorizacionBx .popup-header .flex-group-right .btn-rounded.agrandar {
    display: none;
}
#op-desktop-cctv-visits .diferentColByView4 .error-tooltip-item {
    margin-top: -10px;
}

/* CCTV + CACC */
#op-desktop-cctv-cacc .h80 {
    height: auto;
}
#op-desktop-cctv-cacc .ccacBx {
    position: relative;
    z-index: 2000;
    overflow-x: hidden;
    overflow-y: auto;
}

#op-desktop-cctv-cacc #main-table #main-table-inner + .list-container {
    margin-top: 40px;
}

#op-desktop-cctv-cacc #main-table .table-header {
    height: 80px;
}
#op-desktop-cctv-cacc #main-table .small-row {
    min-width: 0 !important;
    /*width: 100% !important;*/
}
#op-desktop-cctv-cacc .list-table .table-header li {
    font-size: 18px;
    /* max-width: 150px; */
}
#op-desktop-cctv-cacc #main-table .standard-column {
    width: 190px;
}
#op-desktop-cctv-cacc #main-table .table-row.selected-row.extended-view .standard-column {
    min-width: 1200px;
    width: auto;
}

#op-desktop-cctv-cacc .td-popup,
#op-desktop-cctv-cacc .fullpage-popup,
#op-desktop-cctv-cacc .access-groups-timetable-popup-overlay,
#op-desktop-cctv-cacc .save-report,
#op-desktop-cctv-cacc .confirmation-popup {
    width: 100%;
    left: 0;
}
#op-desktop-cctv-cacc .cctvBx.r50 + .r50 .td-popup,
#op-desktop-cctv-cacc .cctvBx.r50 + .r50 .fullpage-popup,
#op-desktop-cctv-cacc .cctvBx.r50 + .r50 .access-groups-timetable-popup-overlay,
#op-desktop-cctv-cacc .cctvBx.r50 + .r50 .save-report,
#op-desktop-cctv-cacc .cctvBx.r50 + .r50 .confirmation-popup,
#op-desktop-cctv-cacc .cctvBx.r50 + .r50 .edit-photo {
    width: 1920px;
    left: 1920px;
}
#op-desktop-cctv-cacc .fullpage-popup-header {
    position: absolute;
    top: 50px;
}
#op-desktop-cctv-cacc .fullpage-popup-content {
    margin-top: 110px;
}
#op-desktop-cctv-cacc .access-groups-timetable-popup-overlay {
    z-index: 2060;
}
#op-desktop-cctv-cacc .access-groups-timetable-popup {
    width: calc(100% - 100px);
}
.view4k .save-report .users-import-popup {
    max-width: 1000px;
}
.view4k#op-desktop-cctv-cacc .save-report .users-import-popup,
.view4k#op-desktop-cctv-visits .save-report .users-import-popup  {
    top: 200px;
    max-width: 959px;
}

.view1k.op_ccac_visits .save-report .users-import-popup{
    top: 110px;
}

#op-desktop-cctv-cacc .td-popup .td-popup-overlay {
    overflow: auto;
}
#op-desktop-cctv-cacc .td-popup .td-popup-overlay .flex-group-right {
    margin-right: 50px;
}
#op-desktop-cctv-cacc .td-popup-header {
    position: absolute;
    top: 80px;
    margin: 0 50px;
    width: calc(100% - 100px);
}
#op-desktop-cctv-cacc users-pre-register-operator .td-popup-header {
    width: 700px;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 90px;
}
#op-desktop-cctv-cacc .save-report .save-report-header {
    position: absolute;
    width: 1000px;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 140px;
}
#op-desktop-cctv-cacc .save-report .save-report-popup {
    position: absolute;
    top: 200px;
    width: 1000px;
}

#op-desktop-cctv-cacc .edit-photo-header {
    width: 1000px;
    position: absolute;
    top: 80px;
    left: 0;
    margin: 0 auto;
    right: 0;
}
#op-desktop-cctv-cacc .edit-photo-popup {
    position: absolute;
    width: 1000px;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 140px;
}
#op-desktop-cctv-cacc .edit-photo-popup h3,
#op-desktop-cctv-cacc .edit-photo-popup p,
#op-desktop-cctv-cacc .edit-photo-popup span {
    color: #333;
}
#op-desktop-cctv-cacc access-profile-popup .fullpage-popup-header {
    width: 1500px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
#op-desktop-cctv-cacc access-profile-popup .fullpage-popup-content {
    width: 1500px;
    padding: 0;
}
#op-desktop-cctv-cacc access-profile-popup .bullet-primary {
    margin-top: 10px;
}

#op-desktop-cctv-cacc .monitorizacionBx {
    padding: 0;
}
#op-desktop-cctv-cacc .monitorizacionBx .popup-header .flex-group-right .btn-rounded.agrandar {
    display: none;
}

#op-desktop-cctv-cacc .filterSelector .expiration-credential {
    width: 100%;
}
#op-desktop-cctv-cacc .filterSelector .access-mode {
    min-width: 210px;
}
#op-desktop-cctv-cacc .filterSelector .parking-mode {
    min-width: 380px;
}
#op-desktop-cctv-cacc .filterSelector .visit-allowed {
    min-width: 400px;
}

#op-desktop-cctv-cacc .btn-switch .switch::after {
    top: -7px;
}

#op-desktop-cctv-cacc .dropdown-menu-config .dropdown-menu-config-content {
    padding: 0 16px;
}
#op-desktop-cctv-cacc .dropdown-menu-config .triangle {
    left: 226px;
    top: -23px;
}
#op-desktop-cctv-cacc .dropdown-menu-config p {
    color: #333;
    margin-top: 0;
    font-size: 16px;
}
#op-desktop-cctv-cacc .dropdown-menu-config li .form-checkbox:checked::before,
#op-desktop-cctv-cacc .dropdown-menu-config li .form-checkbox:checked::after {
    top: -0.3em !important;
    left: -0.2em !important;
}
#op-desktop-cctv-cacc .dropdown-menu-config li .form-checkbox:checked::after {
    transform: translate(0.8em, 0.4em) rotate(135.22deg) scale(0.5, 0.1) !important;
}
/* #op-desktop-cctv-cacc .gray-bg {
    background-color: #50555d !important;
} */
#op-desktop-cctv-cacc .posR {
    height: auto;
}
#op-desktop-cctv-cacc .posR .time-options-btn {
    margin: -50px 0 12px;
    border-color: #fff;
}
#op-desktop-cctv-cacc .object-data-image {
    width: 50px;
}
#op-desktop-cctv-cacc .detail-view-access-profile {
    height: auto;
}

#op-desktop-cctv-cacc .userForm input {
    font-size: 16px;
}
#op-desktop-cctv-cacc .templates-sites-toolbar-wrapper,
#op-desktop-cctv-cacc .templates-sites-toolbar {
    background-color: #50555D;
}
#op-desktop-cctv-cacc .enrolment-popup {
    max-width: 1500px;
}
#op-desktop-cctv-cacc .search-bar-pagination-filter-selector .full-notifications {
    top: 15px;
}

#op-desktop-cctv-cacc #main-table {
    min-width: 100% !important;
}
#op-desktop-cctv-cacc #main-table-inner {
    top: initial !important;
}

#op-desktop-cctv-cacc .nav li.active a,
#op-desktop-cctv-cacc .nav li a:hover {
    color: #555555;
}

.view4k .report-more-options-menu {
    min-width: 320px;
}


/* Búsqueda favorita (cacc) */
.view4k favorite-menu .ti-heart {
    font-size: 22px;
}
.view4k .btn-icon-active .ti-heart {
    font-size: 22px;
    background-size: 22px;
    color: #0097f6;
}
.view4k favorite-menu .label {
    color: #666;
    line-height: 16px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    right: -8px;
    top: -5px;
    font-size: 14px;
}
.view4k .favorite-reports-container {
    min-width: 700px;
}
.view4k .favorite-reports-container .triangle {
    top: -12px;
    right: 26px;
}
.view4k .favorite-reports-container h3 {
    color: #303030;
}
.view4k .favorite-reports-value {
    color: #8b8b8b;
}
.view4k .favorite-reports-table th,
.view4k .favorite-reports-table td {
    font-size: 16px;
}






.view4k .access-groups-timetable-popup span,
.view4k .confirmation-popup span {
    color: #333;
}


/* CCTV + PLANIMETRIA: Planimetría */
.view4k.op_cctv_planim .h40 {height: 40%;}
.view4k.op_cctv_planim .h50 {height: 50%;}
.view4k.op_cctv_planim .h60 {height: 60%;}
.view4k.op_cctv_planim .h100 {height: 100%;}
.view4k.op_cctv_planim .planimetriaArea {
    height: 100%;
    position: relative;
}
.view4k.op_cctv_planim .planimetriaArea .sceneBx {
    height: 100%;
    min-height: 0;
}
.view4k.op_cctv_planim .planimetriaArea .detailMap {
    height: 100%;
}
.view4k.op_cctv_planim .planimetriaArea .boxLeftBottom {
    position: absolute;
    width: 560px;
    height: 230px;
    bottom: -1px;
    right: -1px;
    left: auto;
}
.view4k.op_cctv_planim .planimetriaArea .boxLeftBottom .zoomBx,
.view4k.op_cctv_planim .planimetriaArea .boxLeftBottom .zoomPlane {
    height: 100%;
}
.view4k.op_cctv_planim .planimetriaArea .boxLeftBottom .zoomPlane .miniMap {
    margin: 0;
}
.view4k.op_cctv_planim .planimetriaArea .plantaBx {
    position: absolute;
    width: 656px;
    height: 450px;
    bottom: -1px;
    right: auto;
    left: -1px;
    display: block;
    margin: 0;
    padding: 0;
}
.view4k.op_cctv_planim .planimetriaArea .plantaBx .planta {
    height: calc(100% - 50px);
    display: block;
}
.view4k.op_cctv_planim .planimetriaArea .buildingMap {
    height: 100%;
    margin-top: 0;
}
.view4k.op_cctv_planim .planimetriaArea .zoomBx .spacesForviewBx {
    width: 41%;
    padding: 50px 30px;
}

/* CCTV + PLANIMETRIA: Selector Acciones + Notificaciones */
.tabscctvPlanim .ancho {
    max-width: 300px;
    margin: 0 auto;
}
.tabscctvPlanim .btn-text-content {
    font-size: 28px;
    font-weight: 300;
    text-transform: uppercase;
}
.tabscctvPlanim .btn-dropdown-filter i {
    font-size: 20px;
    font-weight: 300;
    padding-top: 8px;
    color: #747e89;
}

/* CCTV + PLANIMETRIA: Notificaciones */
.view4k.op_cctv_planim .notificacionesBx {
    height: calc(100% - 52px);
    border: none;
}
.view4k.op_cctv_planim .notificacionesBx .selected-filter-bar {
    max-height: 64px;
    padding-top: 5px;
    padding-bottom: 5px;
}
/* altura máxima con filtro abierto */
.view4k.op_cctv_planim .notificacionesBx filter-selector-wrapper + #notificationsCtrlr #main-table .filas {
    overflow: auto;
    height: 530px;
}
/* altura máxima con filtro cerrado */
.view4k.op_cctv_planim .notificacionesBx filter-selector-wrapper.ng-hide + #notificationsCtrlr #main-table .filas {
    height: auto;
    overflow-y: hidden;
    margin-top: 60px;
}
.view4k.op_cctv_planim .notificacionesBx .main-content div.list-table-wrapper {
    height: auto;
    min-height: 0;
}
.view4k.op_cctv_planim .list-table .notification-standard-column {
    width: 250px;
}
.view4k.op_cctv_planim .ext-view-bordertop {
    border-top: none;
}

/* CCTV + PLANIMETRIA: Acciones */
.view4k.op_cctv_planim .accionesBx {
    padding-top: 8px;
    height: calc(100% - 52px);
}

.view4k.op_cctv_planim .tab-pane.alarmaArea .camara .dropdown-menu {
    max-height: 180px;
}
.view4k.op_cctv_planim .tab-pane.alarmaArea .filtro-edificio .dropdown-menu {
    max-height: 170px;
}
.view4k.op_cctv_planim .tab-pane.alarmaArea .filtro-planta .dropdown-menu {
    max-height: 90px;
}
.view4k.op_cctv_planim .tab-pane.cctvArea .formAlarmArea .filtro-edificio .dropdown-menu {
    max-height: 200px;
}
.view4k.op_cctv_planim .tab-pane.cctvArea .formAlarmArea .filtro-planta .dropdown-menu {
    max-height: 110px;
}


/* CCTV + PLANIMETRIA: Popups */
.view4k.op_cctv_planim .td-popup,
.view4k.op_cctv_planim .fullpage-popup,
.view4k.op_cctv_planim .access-groups-timetable-popup-overlay,
.view4k.op_cctv_planim .save-report,
.view4k.op_cctv_planim .confirmation-popup {
    width: 100%;
    left: 0;
}
.view4k.op_cctv_planim .cctvBx.r50 + .r50 .td-popup,
.view4k.op_cctv_planim .cctvBx.r50 + .r50 .fullpage-popup,
.view4k.op_cctv_planim .cctvBx.r50 + .r50 .access-groups-timetable-popup-overlay,
.view4k.op_cctv_planim .cctvBx.r50 + .r50 .save-report,
.view4k.op_cctv_planim .cctvBx.r50 + .r50 .confirmation-popup {
    width: 1920px;
    left: 1920px;
}
.view4k.op_cctv_planim .fullpage-popup-header {
    position: absolute;
    top: 50px;
}
.view4k.op_cctv_planim .fullpage-popup-content {
    margin-top: 110px;
}
.view4k.op_cctv_planim .td-popup .td-popup-overlay {
    overflow: auto;
}
.view4k.op_cctv_planim .td-popup .td-popup-overlay .flex-group-right {
    margin-right: 50px;
}



/* CCAC + VISITAS*/
.op_ccac_visits {
    overflow: hidden;
    float: none;
}

.op_ccac_visits.view1k {
    height: 100%;
}

.op_ccac_visits .tabsZone {
    height: 100%;
    display: flex; display: -ms-flexbox; display: -webkit-flex;
    flex-direction: column; -webkit-flex-direction: column;
}

.op_ccac_visits .tab-content {
    -webkit-flex: 1; flex:1;
}

.op_ccac_visits .nav-tabs {
    min-height: 52px;
    width: 100%;
}

.op_ccac_visits .nav li.active a {
    color: #000;
}

.op_ccac_visits .filterCustomField {
    padding: 0;
}

.op_ccac_visits .userArea div.list-table-wrapper,
.op_ccac_visits .visitArea div.list-table-wrapper {
    -webkit-flex: 1; flex:1;
    position: static;
    min-height: 0;
}

.op_ccac_visits .list-table-wrapper > .list-table {
    position: static;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: calc(100vh - 308px);
}

.op_ccac_visits .list-table-wrapper > .list-table > #main-table-inner {
    top: 37px !important;
}

.op_ccac_visits .capacityReportBx .list-table-wrapper > .list-table > #main-table-inner {
    top: initial !important;
}

.op_ccac_visits .tab-pane,
.op_ccac_visits .full-data-content,
.op_ccac_visits .full-data-content users-complete-component,
.op_ccac_visits .full-data-content visits-complete-component,
.op_ccac_visits .tab-pane > .row,
.op_ccac_visits .full-data-content users-list,
.op_ccac_visits .full-data-content operator-visits-list,
.op_ccac_visits .full-data-content users-other-sites-list {
    height: 100%;
    float: none;
    display: block;
    position: relative;
}

.op_ccac_visits .full-data-content users-list,
.op_ccac_visits .full-data-content operator-visits-list,
.op_ccac_visits .full-data-content users-other-sites-list {
    display: flex; display: -ms-flexbox; display: -webkit-flex;
    flex-direction: column; -webkit-flex-direction: column;
    height: calc(100vh - 254px);
}

search-bar-pagination {
    display: block;
    min-height: 84px;
}

search-bar-pagination .without-pagination {
    min-height: 84px;
    padding-right: 25px;
}

search-bar-pagination .selected-items,
display-filters .selected-items {
    font-size: 0.8em;
    white-space: nowrap;
    overflow: visible;
    padding-right: 27px;
    float: right;
    margin-top: -20px;
}

display-filters .selected-items {
    padding-right: 0;
    margin-top: 40px;
    position: absolute;
}

search-bar-pagination .selected-items i,
display-filters .selected-items i {
    padding-left: 10px;
    font-weight: bold;
    cursor: pointer;
}

search-bar-pagination .without-pagination .selected-items {
    padding-right: 3px;
}

.op_ccac_visits .full-data-content .main-content {
    -webkit-flex: 1; flex:1;
    float: none;
} 

.op_ccac_visits .full-data-content users-main-container,
.op_ccac_visits .full-data-content visits-main-container,
.op_ccac_visits .full-data-content users-other-sites-main-container {
    height: calc(100vh - 103px);
    display: flex; display: -ms-flexbox; display: -webkit-flex;
    flex-direction: column; -webkit-flex-direction: column;
    overflow-y: auto;
}

.op_ccac_visits new-user-main-container,
.op_ccac_visits new-visit-main-container {
    height: calc(100vh - 104px);
    overflow-y: auto;
    display: flex; display: -ms-flexbox; display: -webkit-flex;
    flex-direction: column; -webkit-flex-direction: column;
}

.op_ccac_visits new-user-main-container .new-container {
    height: auto;
}

.op_ccac_visits .global-actions-user-options .btn-primary-dark {
    padding-top: 3px;
}


/* ********************************************************************************************************************************** */
/* ********************************************************************************************************************************** */
/* *************************************************** MEDIAQUERIES ***************************************************************** */
/* ********************************************************************************************************************************** */
/* ********************************************************************************************************************************** */

@media (max-width: 1700px) {
    .doorsArea .leftSidebar .box {
        padding-left: 25px;
        padding-right: 25px;
    }

    .doorsArea .first-group-columns .w20 {
        width: 150px;
        min-width: 150px;
    }
}

@media (max-width: 1600px) {
    .doorsArea .leftSidebar {
        width: 93%;
    }

    .doorsArea .areactrlRead {
        padding-left: 10px;
        padding-right: 10px;
    }

    .doorsArea .areactrlRead .col-sm-2 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .doorsArea .leftSidebar .box {
        padding-left: 20px;
        padding-right: 20px;
    }

    .doorsArea .smallTxt {
        font-size: 0.9em;
    }

    .doorsArea label {
        font-size: 1.05em;
    }

    .doorsArea .ext-view-bordertop {
        width: 100%;
        padding: 0 2% 0 35px;
        float: left;
    }

    .doorsArea .first-group-columns .w20 {
        width: 150px;
        min-width: 150px;
    }

    .historyArea .filter-date-input-container {
        width: auto;
    }

    .doorsArea .w80 .btn-primary, .doorsArea .leftSidebar .btn-primary {
        padding: 0 1px;
        font-weight: normal;
    }

    .tornosA .bgDarkGrey.imagesArea {
        margin-left: -10px;
        margin-right: -10px;
    }
}

@media (max-width: 1500px) {
    .container {
        width: 100%;
    }

    .doorsArea label {
        font-size: 1.05em;
    }

    .doorsArea .btn-primary.h2l {
        height: 40px
    }

    .userArea label.txtSmll {
        font-size: 0.9em;
        line-height: 22px;
    }

    .carrilBx {
        border: 1px solid #1976d3;
        margin-bottom: 30px;
        padding-bottom: 15px;
    }

    .operatorArea .titleOperat {
        text-align: center;
        padding: 5px 0 15px 0;
        font-size: 1.2em;
    }

    .zoneFilterInView {
        width: 100%;
    }
}

@media (max-width: 1400px) {
    .container {
        width: 100%;
    }

    .doorsArea .ctrlRead .txtCtrl p {
        font-size: 1.0em;
    }

    .alarmaArea .principalTd {
        height: 50px;
    }

    .alarmaArea .principalTd .info-circle {
        color: #3c424c;
        background: #fff;
        border-radius: 30px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px 1px rgba(0, 0, 0, 0.22);
        padding: 10px;
        float: right;
        line-height: 10px;
        cursor: pointer;
        visibility: hidden;
    }

    .alarmaArea .principalTd:hover .info-circle {
        visibility: visible;
    }

    .buldFlooSectBx {
        padding: 20px;
        background-color: #f2f2f2;
        float: left;
        width: 100%;
    }

    .list-table .table-header li.text-left {
        text-align: left;

    }

    .doorsArea .noPadL1400 {
        padding-left: 0;
    }

    .doorsArea .leftSidebar .box {
        padding-left: 10px;
        padding-right: 10px;
    }

    .doorsArea .first-group-columns .w20 {
        width: 120px;
        min-width: 120px;
    }

    .doorsArea .w80 .btn-primary, .doorsArea .leftSidebar .btn-primary {
        padding: 0 15px;
        font-weight: bold;
    }

    .principalTd,
    .secondaryTd {
        float: left;
        width: 100%;
        border-bottom: 1px solid #dcdcdc;

    }

    .userArea .list-table .table-row.selected-row.extended-view .standard-column {
        min-width: 880px;
    }

    .zoneFilterInView {
        width: 100%;
    }
}

@media (max-width: 1300px) {
    .container {
        width: 100%;
    }

    .doorsArea .ctrlRead .txtCtrl p {
        font-size: 1.0em;
    }

    .sitesArea .sitesBtnArea .bigBtn,
    .statisticsBtnArea .bigBtn {
        font-size: 1em;
        padding-left: 5px;
        padding-right: 5px;
    }

    .userArea .list-table .table-row.selected-row.extended-view .standard-column {
        min-width: 780px;
    }

}

@media (max-width: 1200px) {
    .container {
        width: 100%;
    }

    .doorsArea .noPadL1400 {
        padding-left: 15px;
    }

    .doorsArea .opcionesArea .row {
        height: 50px;
        padding-top: 5px;
    }

    .doorsArea .leftSidebar .box {
        padding-left: 20px;
        padding-right: 20px;
    }

    .tornosA .parkingAreaTop .izquierda {
        width: 100%;
    }

    .tornosA .parkingAreaTop .derecha {
        padding-left: 30px;
        padding-right: 40px;
        padding-top: 40px;
    }

    .alarmaArea {
        width: 1000px;
    }

    .list-table .table-row:hover.obsoletedRow,
    .obsoletedRow {
        background-color: #ddd !important;
        color: #a7a7a7;
    }

    /* desde aqui puede ser error de merge hasta big numbar*/
    .list-table .table-row:hover.obsoletedRow .form-input {
        color: #a7a7a7;

    }

    .vista-ampliada-perfiles.vista-edicion .nZonaSize input {
        width: 100%;
    }

    .table .nZonaSize {
        width: 38%;
        margin-top: 4px;
    }

    .table .confGroupSize {
        width: 25%;
        text-align: center;
        margin-top: 4px;
    }

    .table .stateSize {
        width: 25%;
        text-align: center;
        margin-top: 4px;
    }

    .table .obsoleteSize {
        width: 20%;
        margin-top: 4px;
    }

    .alarmaArea .btnTable {
        width: auto !important;
        padding: 0px 10px;
    }

    .alarmaArea .btnTable .info-circle {
        margin-top: 6px;
    }

    .alarmaArea .btnTable .btn-primary {
        margin-top: 10px;
    }

    .alarmaArea .bigNumber {
        font-size: 16px;
        background-color: #ccc;
        font-weight: bold;
        padding: 13px 0;
        color: #666;
        width: 46px;
        float: left;
        text-align: center;
    }

    .alarmaArea .nZonaSize {
        width: 30%;

    }

    /*esto tambien puede ser un error de merge*/
    .alarmaArea .first-column {

        width: 3%;
        margin-top: 4px;
    }

    .alarmaArea .principalTh .bigNumber {
        background: #0D76D3;
        padding: 10px 0;
    }

    .alarmaArea .formAlarmArea {
        /* background-color: #f2f2f2; */
        float: left;
        width: 100%;
    }

    .formAlarmArea input, .formAlarmArea span {
        font-size: 14px;
    }

    /*hasta aqui*/
    .table .confGroupSize {
        width: 24%;
    }

    .userArea .list-table .table-row.selected-row.extended-view .standard-column {
        min-width: 780px;
    }

}

@media (max-width: 1050px) {
    .planimetriaArea .doorMapDetail .td-select-popup {
        min-width: 300px;
    }

    .planimetriaArea .doorMapDetail .td-select-popup .boxInfo .pop-container .colPopup1,
    .planimetriaArea .doorMapDetail .td-select-popup .boxInfo .pop-container .colPopup2 {
        width: 100%;
    }

    .planimetriaArea .doorMapDetail .td-select-popup .boxInfo .pop-container .colPopup2 button {
        width: 240px;
    }
}

@media (max-width: 990px){
    alert-zone-extended .back-button{
        top: 55px !important;
    }

    .visitArea .enrolar .col-md-6,
    .visitArea .enrolar .col-lg-6 {
        padding: 0 !important;
    }

    #lockersPopup building-floor-filter-selector .col-xl-6,
    #lockersPopup building-floor-filter-selector .col-lg-6,
    #lockersPopup building-floor-filter-selector .col-md-6 {
        width: 50%;
    }

}
@media (max-width: 768px) {
    #lockersPopup building-floor-filter-selector .col-xl-6,
    #lockersPopup building-floor-filter-selector .col-lg-6,
    #lockersPopup building-floor-filter-selector .col-md-6 {
        width: 95%;
    }

    .sitesArea .configServidorSMTP .row .col-xs-6 {
        height: 42px;
    }
}
div.disabled {
    opacity: 0.7;
    pointer-events: none;
}
/* alerts-extended .container.ext-view-padding{
    width: 85vw !important;
} */
alerts-extended .container.ext-view-padding .buldFlooSectBx{
    background: none !important;
}

@media (min-width: 1500px) {
    .container {
        width: 1400px;
    }

    .col-xl-12 {
        width: 100%;
    }

    .col-xl-11 {
        width: 91.66666667%;
    }

    .col-xl-10 {
        width: 83.33333333%;
    }

    .col-xl-9 {
        width: 75%;
    }

    .col-xl-8 {
        width: 66.66666667%;
    }

    .col-xl-7 {
        width: 58.33333333%;
    }

    .col-xl-6 {
        width: 50%;
    }

    .col-xl-5 {
        width: 41.66666667%;
    }

    .col-xl-4 {
        width: 33.33333333%;
    }

    .col-xl-3 {
        width: 25%;
    }

    .col-xl-2 {
        width: 16.66666667%;
    }

    .col-xl-1 {
        width: 8.33333333%;
    }

    .col-xl-offset-12 {
        margin-left: 100%;
    }

    .col-xl-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-xl-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-xl-offset-9 {
        margin-left: 75%;
    }

    .col-xl-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-xl-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-xl-offset-6 {
        margin-left: 50%;
    }

    .col-xl-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-xl-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-xl-offset-3 {
        margin-left: 25%;
    }

    .col-xl-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-xl-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-xl-offset-0 {
        margin-left: 0%;
    }

    .save-report-header {
        width: 1400px;
    }
}

@media (min-width: 2000px) {
    .container,
    .save-report-header {
        width: 1800px;
    }

    .backUp-popup {
        width: 800px;
    }

    .backUp-popup.monitoringPopup {
        width: 1800px;
    }
}

/*print*/
@media print {
    #viewBx {
        display: block !important;
    }
 }

.listReports{
    overflow: visible !important;
}
.reportPrint{
    float: none !important;
}

.reportPrint .borderBlueExtra {
    border-bottom: 1px solid #0D76D3;
}

.reportPrint h1 {
    margin-top: 0;
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

.reportPrint h2 {
    font-size: 16px;
    font-weight: normal;
    color: #0D76D3 !important;
}

.td-popup-header h2 {
    color: #ffffff !important;
    padding: 0px;
}

.edit-photo .item-title {
    color: #ffffff !important;
}

.fullpage-popup-header .item-title {
    color: #ffffff !important;
}

.reportPrint .filtros {
    background: #e6e6e6 !important;
    border: 1px solid #e6e6e6 !important;
    -webkit-print-color-adjust: exact; /*Chrome, Safari */
    color-adjust: exact; /*Firefox*/
    width: 100%;
    display: block;
    padding: 5px;
    margin-bottom: 10px;
}

.reportPrint .filtros .btn-rounded {
    display: none;
    background: #fff !important;
    width: 35px;
    float: left;
    margin-right: 15px;
}

.reportPrint .filtros p {
    width: auto;
    font-size: 10px;
    color: #000;
    margin: 4px 10px;
    float: left;
}

.reportPrint .filtros span {
    color: #0D76D3 !important;
    text-transform: uppercase;
    width: auto;
    padding-left: 5px;
    padding-right: 5px;
}

.reportPrint .col-auto {
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
}

.reportPrint .table {
    color: #000;
}

.reportPrint .table thead {
    padding: 15px 0;
    height: 40px;
    border-top: 0px solid #0D76D3 !important;
    /*background-color: rgba(13, 118, 211, 0.25) !important; No se pinta el background en ningun caso
    -webkit-print-color-adjust: exact; /*Chrome, Safari */
    /* color-adjust: exact; /*Firefox*/
    color: #0D76D3 !important;
    text-transform: uppercase;
    margin-bottom: 0;
}

.reportPrint .table thead th {
    color: #0D76D3;
    font-size: 10px;
}

.reportPrint .table thead th span {
    color: #0D76D3 !important;
}

.reportPrint .table tr {

    height: 35px;
}

.reportPrint .table td {
    color: #000;
    font-size: 10px;
}

.main-content.reportPrint div.list-table-wrapper {
    min-height: unset;
}

@media print {
    body {
        margin-top: 10mm;
        margin-bottom: 10mm;
        margin-left: 5mm;
        margin-right: 5mm;
        font-family: 'Lato';
        font-weight: 300;
        height: initial;
    }

    #page-wrapper {
        min-height: 300px;
    }

    .reportPrint table {
        table-layout: fixed;
    }

    .reportPrint table th {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .printLogo {
        display: block;
        position: absolute;
        top: 20px;
        right: 20px;
        width: 100px;
    }


    @-moz-document url-prefix() {
        .reportPrint h1 {
            margin-top: 0;
            font-size: 12px;
            font-weight: bold;
            color: #333;
        }
        .column-center-outer {
            float: left
        }
        .reportPrint h2 {
            font-size: 11px;
            font-weight: normal;
        }
        .reportPrint {
            margin: 0;
        }

        .reportPrint .filtros {
            background: #e6e6e6 !important;
            border: 1px solid #e6e6e6 !important;
            -webkit-print-color-adjust: exact;
            width: 100%;
            display: block;
            padding: 5px;
            margin-bottom: 20px;
        }
        .ti-filter {
            display: none;
        }
        .reportPrint .filtros .btn-rounded i.ti-filter {
            font-size: 10px;
            text-align: center;
            display: block;
            width: 100%;
        }
        .reportPrint .filtros .btn-rounded {
            background: #fff !important;
            width: 35px;
            float: left;
            margin-right: 15px;
        }

        @page {
            size: portrait;
            margin-top: 5mm;
            margin-bottom: 5mm;
            margin-left: 0mm;
            margin-right: 5mm;
        }

        .reportPrint .filtros p {
            width: auto;
            font-size: 10px;
            color: #000;
            margin: 4px 10px;
            float: left;
        }
        .reportPrint .filtros span {
            color: #0D76D3 !important;
            text-transform: uppercase;
            width: auto;
            padding-left: 5px;
            padding-right: 5px;
        }

        @page rotada {
            size: landscape;
        }

        #page-wrapper {
            min-height: 300px;
        }

        .reportPrint .col-auto {
            width: auto;
            padding-left: 15px;
            padding-right: 15px;
            float: left;
        }

        table {
            page-break-before: avoid;
        }

        .reportPrint .table {
            color: #000;
        }

        @page {
            size: auto;

            @top-left {
                content: "Título";
                margin-bottom: 20px;
            }
            @top-right {
                content: "Pág. " counter(page);
                margin-bottom: 20px;
            }
        }
        .reportPrint .table thead {
            padding: 15px 0;
            height: 40px;
            border-bottom: 1px solid #0D76D3;
            -webkit-print-color-adjust: exact;
            color: #0D76D3 !important;
            text-transform: uppercase;
            margin-bottom: 1px;
        }

        .reportPrint .table thead th {
            color: #0D76D3;
            font-size: 10px;
        }
        div.list-table-wrapper {
            overflow-x: hidden;
        }
        .reportPrint .table tr {

            height: 35px;
        }
        .printLogo {
            display: block;
            position: absolute;
            top: 20px;
            right: 20px;
            width: 100px;
        }
        .reportPrint .table td {
            color: #000;
            font-size: 10px;
        }

        @media print {
            body {
                margin-top: 10mm;
                margin-bottom: 10mm;
                margin-left: 5mm;
                margin-right: 5mm;
                font-family: 'Lato';
                font-weight: 300;
                height: initial;
            }

            .column-center-outer {
                float: left
            }

            .reportPrint {
                margin: 0;
                width: 100%;
            }

            .ti-filter {
                display: none;
            }

            .reportPrint .filtros .btn-rounded i.ti-filter {
                color: #ccc;
                font-size: 16px;
                text-align: center;
                display: block;
                width: 100%;
                float: left;
            }

            #page-wrapper {
                min-height: 300px;
            }

            @page {
                size: portrait;
                margin-top: 5mm;
                margin-bottom: 5mm;
                margin-left: 0mm;
                margin-right: 5mm;
            }

            @page rotada {
                size: landscape;
            }

            table {
                page-break-before: avoid;
            }

            @page {
                size: auto;
                @top-left {
                    content: "Título";
                    margin-bottom: 20px;
                }
                @top-right {
                    content: "Pág. " counter(page);
                    margin-bottom: 20px;
                }
            }

            div.list-table-wrapper {
                overflow-x: hidden;
            }

            .printLogo {
                display: block;
                position: absolute;
                top: 20px;
                right: 20px;
                width: 100px;
            }
        }
    }
}

/* Impresión en operador */
@media print {
    layout-topnavbar,
    .planimetriaBx,
    .estadisticasBx,
    .monitorizacionBx,
    .notificacionesBx,
    .user-notifications-container,
    .operator-desktop-titulo,
    .search-bar-pagination,
    .accionesBx .nav.nav-tabs,
    .accionesBx .selected-filter-bar,
    .accionesBx .list-table-filters-toolbar,
    .accionesBx .list-table-filters,
    .pop-button {
        display: none !important;
    }

    .view4k.operatorDesktop .accionesBx,
    .view4k operator-desktop-actions .tab-content {
        left: 0;
        bottom: auto;
        border: none;
        width: 1000px;
        height: 100%;
    }

    .view4k operator-desktop-actions .tab-content {
        position: absolute;
        top: 0;
    }

    /*.view4k ul, .view4k img, .container4k table {
        page-break-inside: avoid;
    }*/

    /*.view4k .reportPrint table th {
        text-overflow: initial;
        overflow: auto;
        white-space: initial;
    }*/
}

.parkingLaneTitle {
    float: left;
    position: relative;
}

.parkingLaneTitle .parkingLaneTitleInput {
    color: #FFF;
    background-image: linear-gradient(#FFF, #FFF), linear-gradient(#DDD, #DDD);
}

.boxTerminalOperatorPosition {
    max-width: 210px;
}

.operatorPositionBox {
    background: #FFF;
    padding: 20px;
    margin: 10px;
    min-height: 100px;
}

.rightOperatorPosition {
    text-align: right;
}

.titleOperatorPositionType {
    background: #0D76D3;
    color: #FFFFFF;
    padding-top: 10px;
}

.operatorPositionIcon {
    font-size: 26em;
    color: #0D76D3;
}

.cardsPopupStep1Title {
    color: #da0b0b;
}

.cardsPopupStep1Text {
    text-align: center;
    color: #da0b0b;
    font-size: 1.3em;

}

.cardsPopupStep2Text {
    margin-top: 5%;
    font-size: 1.2em;
}

.cardsPopupStep .bxImg {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    border: 1px solid #999999;
    overflow: hidden;
    text-align: center;
}

.cardsPopupStep .dispIcon {
    font-size: 5em;
    line-height: inherit;
}

.cardsPopupStep .user-profile-photo-container {
    width: 100%;
    height: 100%;
    border: 0px;
}

.cardsPopupStep .userTitle {
    font-size: 1.4em;
    color: #0D76D3;
}

.cardsPopupStep .errorBox {
    text-align: center;
    font-size: 6em;
    color: #da0b0b;

}

.cardsPopupStep .alertBox {
    text-align: center;
    font-size: 6em;
}

.error-tooltip {
    position: relative;
    background: rgba(255, 255, 255, 0.75); /* Semitransparente */
    pointer-events: none; /* Que los eventos de ratón lo atraviesen */
    padding: 20px;
    border-bottom: 4px solid #fc5759;
    box-shadow: 3px 0px 10px rgba(86, 96, 117, 0.7);
}

row-date-input .error-tooltip {
    left: 100px;
    top: -90px;
}

.sitesArea row-date-input .error-tooltip {
    top: 0px;
}

/* CALIMERO-2793 -----------------------------*/
.list-table .fa {
    font-size: 1.2em;
}

/*---------------------------------------------*/
.border-text-1-grey {
    border-image: initial;
    border: 1px solid #C0C0C0;
}

.option-group-row {
    display: block;
    min-height: 40px;
    margin-bottom: 30px;
}

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

.navbar-top-links .ti-more {
    color: #fff;
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

.adjust-selected-filter-bar {
    padding: 10px 20px 20px 25px;
}

.nav.navbar-top-links .more-options a {
    font-size: 12px;
}

.popup-header {
    /*position: fixed;
    top: 0;
    z-index: 2053;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify; */
    justify-content: space-between;
    /*-ms-flex-align: center; */
    align-items: center;
    background: #0D76D3;
    width: 100%;
    height: 60px;
}

.navbar-top-links .more-options ul.dropdown-menu {
    left: auto;
    right: 0;
    top: 20px;
    font-size: 12px;
    text-align: left;
    padding: 5px 0px 5px 0px;
}

.navbar-top-links .table-header .more-options.open .dropdown-menu a {
    font-size: 12px;
    display: block;
    padding: 4px 10px;
    border-radius: 3px;
    color: inherit;
    line-height: 25px;
    text-align: left;
}

/* CAMBIO EN EL ANCHO DE LAS COLUMNAS DE CUSTOM FIELDS EN USUARIO*/
.list-table .custom-field-column {
    width: 250px;
    padding-right: 15px;
    padding-left: 15px;
    overflow: hidden;
}

.custom-field-column li {
    margin-left: auto;
    margin-right: auto;
}

.custom-field-column div {
    width: 100%;
    height: 60px;
    text-align: center;
    padding-right: 15px;
    padding-left: 15px;
}

.custom-field-column span {
    margin-left: auto;
    margin-right: auto;
}

.notifications-opts {
    margin-right: 15px;
}

.back_grey {
    background: #333;
}

/*Menú config Rows class*/
.move-left {
    left: -220px;
}

.move-top {
    bottom: 30px;
    top: auto;
}

.move-left .triangle.top-triangle,
.move-top .triangle {
    display: none;
}

.move-top .triangle.top-triangle {
    display: block;
    top: 15px;
}

.move-top.dropdown-menu-config .dropdown-menu-config-content {
    padding-top: 15px;
}

.center-ti-menu {
    top: 30px;
    right: -30px;
}

.menu-more-center {
    left: -130px;
}

.notifications-opts list-menu-more li a {
    display: block;
    padding: 3px 20px;
    clear: both;
    white-space: nowrap;
}

.report-more-options-item-link.report-more-options {
    padding-bottom: 0px;
}

.report-more-options-item-link.report-more-options .delete-button {
    float: left;
    width: 100%;
}

.list-table-filters .notifications-opts .dropdown-menu a {
    color: #3c424c;
    text-transform: none;
    margin: 0px;
    padding: 5px;
}

.list-table-filters .notifications-opts .dropdown-menu a:hover {
    background: #eeeeee;
}

.list-table-filters .notifications-opts .dropdown-menu a.disabled,
.list-table-filters .notifications-opts .dropdown-menu p {
    cursor: not-allowed;
    color: #a0a8b4;
}

.list-table-filters .notifications-opts .more-options {
    font-size: 20px;
}

.no-position-fixed {
    position: static;
}

.black-text {
    color: #000000 !important;
}
.view4k .campo-personalizado .black-text{
    color: #fff !important;
}
.mapBuildingFloor,
.mapLoading {
    color: white;
    position: absolute;
    font-size: 16px;
    left: 10px;
    top: 10px;
}

.mapLoading {
    font-size: 12px;
    top: 35px;
}

.notificationString {
    padding-left: 50px;
}

.confirmation-popup-delete .confirmation-popup-delete-message {
    min-height: auto;
}

.tabText {
    padding-left: 70px
}

.textMarginBottom {
    display: block;
    padding-bottom: 30px;
}

access-profiles-extended .popover {
    position: relative;
    display: block;
    top: -50px;
    left: 0;
    z-index: 1060;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 14px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

access-profiles-extended .accordion-door {
    max-height: 30px;
}

access-profiles-extended .user-profiles-box {
    min-width: 500px;
}

.group-management-popup .detail-view-assigned-groups-container {
    margin-right: 0;
    width: 65%;
}
.view4k.op_cctv_planim .group-management-popup .detail-view-assigned-groups-container{
    width: 90%;
}
.view4k.op_cctv_planim .popGeneric .group-management-popup{
    width: 75%;
}


.row-progres-bar {
    margin-top: -10px;
    height: 15px;
    width: 50%;
    background: #00ca40;
}

.row-progres-bar .top-progress-bar-tooltip {
    background: #ffffff;
    right: -25px;
    font-size: 15px;
    width: 50px;
    padding: 5px;
    top: 22px;
    margin: 0 auto;
    text-align: center;
    border-radius: 1px;
    font-weight: 700;
}
.row-progres-bar .top-progress-bar-tooltip:before {
    display: block;
    top: -5px;
    left: 20px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #ffffff transparent;
}

.update-progress-bar-container {
    position: relative;
}

.update-progress-bar-container #baseBar {
    height: 15px;
    width: 100%;
    position: absolute;
    z-index: 1;
    background: #cacaca;
}

.update-progress-bar-container #updateBar {
    height: 15px;
    position: absolute;
    z-index: 2;
    background: #00ca40;
}

.item-id .i_planimetria.change-map-icon {
    font-size: 40px; margin-left: 15px;
}

.btn-primary-white-fill {
    border: 1px solid #333333;
    background: white;
    color: #0e579f;
}

.display-filter-button {
    margin: 10px;
    margin-bottom: 0;
}

.cerrar-filtro + .display-filter-button {
    margin-left: 30px;
}


/* OPERADORES --> PUESTOS FIJOS */
#operatorsPositionsCtrl .filtro-parte {
    width: 50%;
    /*float: none;*/
}

#operatorsPositionsCtrl .filtro-parte .h3 {
    margin: 5px 0 15px;
    display: block;
}

#operatorsPositionsCtrl .filtro-parte row-dropdown-input {
    display: block;
    background-color: #fff;
    padding: 15px;
    min-height: 60px;
}

#operatorsPositionsCtrl .camaras .box {
    height: auto;
}

#operatorsPositionsCtrl .titleOperatorPositionType {
    padding: 10px;
}

#operatorsPositionsCtrl .operatorPositionIcon,
#operatorsPositionsCtrl .operatorPositionIcon i {
    font-size: 250px;
    line-height: 140px;
}

#operatorsPositionsCtrl .operatorPositionTerminalIcon {
    cursor: pointer;
}

#operatorsPositionsCtrl .popLectores {
    background-color: #f0f0f0;
}

#operatorsPositionsCtrl .popLectores .bxLect {
    background-color: transparent;
}

#operatorsPositionsCtrl .popLectores .bxLect h3 {
    background-color: transparent;
}

#operatorsPositionsCtrl .popLectores .bxLect .centerBx {
    max-width: 200px;
    margin: 0 auto;
    float: none;
}

#operatorsPositionsCtrl .popLectores .bxLect .box {
    height: auto;
}

#operatorsPositionsCtrl button.activation:not([disabled]) {
    background-color: rgba(0,200,43,0.5);
}
#operatorsPositionsCtrl button.activation:not([disabled]):hover {
    color: #fff !important;
    background-color: rgba(0,200,43,1);
}
.container4k.operatorDesktop .monitoringPopup users-extended h3{
    width: auto;
}
.container4k.operatorDesktop .monitoringPopup users-extended h3 + .userExtendendTitleIcon{
    float: left;
    padding: 20px 0;
}

/* PUERTAS */
.doorsA {
    /*max-width: 1800px;*/
    max-width: 1550px;
    margin: 0 auto;
}
/*
#doorsCtrlr .bxLect {
    min-height: 480px !important;
}
#doorsCtrlr .cuadro:nth-child(3) .bxArrw {

}
#doorsCtrlr .cuadro:nth-child(4) .bxLect {
    margin-left: 264px;
}
*/
.bxLect .contenido + .solo-titulo {
    display: none;
}
#doorsCtrlr .cuadros {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.view4k .backUp-popup.popLectores.lect2 .cuadros{
    display: flex;
    justify-content: space-evenly;
}
.view4k .backUp-popup.popLectores.lect2 .cuadros .cuadro .bxLect{
    width: 275px
}
#doorsCtrlr .lect1 .cuadros {
    text-align: center;
}
#doorsCtrlr .cuadro {
    width: 260px;
    display: inline-block;
    vertical-align: top;
    margin: 0 20px;
    position: relative;
    min-height: 450px;
}
#doorsCtrlr .bxLect {
    width: 100%;
}
#doorsCtrlr .cuadro .bxArrw {
    padding: 0;
    position: absolute;
    top: 150px;
    right: -24px;
}


/* PÁGINA DE CCTV */
#page-cctv .cctvForm .nptBigBx {
    background-color: transparent;
}

#page-cctv .cctvInsideFilter row-text-input,
#page-cctv .cctvInsideFilter row-dropdown-input,
#page-cctv .formAlarmArea .nptBx row-text-input,
#page-cctv .formAlarmArea .nptBx row-dropdown-input {
    background-color: #fff;
    padding: 15px 20px;
    display: block;
    min-height: 50px;
}


#page-cctv .formAlarmArea .nptBx {
    background-color: transparent;
    margin-top: 0;
    margin-bottom: 0;
}

#page-cctv .formAlarmArea .nptBx .box {
    margin-bottom: 0;
}

#page-cctv .formAlarmArea .puerto {
    display: none;
}

#page-cctv .motion ul {
    background-color: #fff;
    min-height: 50px;
}

#page-cctv .ubicacion .filtro-parte {
    width: 100%;
}

#page-cctv .ubicacion .filtro-parte .h3 {
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
    padding-top: 10px;
}

#page-cctv .ubicacion .filtro-parte row-dropdown-input {
    margin-bottom: 10px;
}

#page-cctv .formAlarmArea .ubicacion > h3 {
    display: none;
}

#page-cctv .ubicacion .filtro-parte .fullwidth-filter-element {
    padding-bottom: 10px;
}


#page-cctv .cctvView {
    max-height: 100%;
}


/* PÁGINA DE ALARMAS */
#page-alarms .formAlarmArea .nptBx {
    background-color: transparent;
    margin-top: 0;
    margin-bottom: 0;
}

#page-alarms .cctvInsideFilter row-text-input,
#page-alarms .cctvInsideFilter row-dropdown-input,
#page-alarms .formAlarmArea .nptBx row-text-input,
#page-alarms .formAlarmArea .nptBx row-dropdown-input {
    background-color: #fff;
    padding: 15px 20px;
    display: block;
    min-height: 50px;
}

#page-alarms h3 + select-cctv-camera-with-show {
    padding: 10px 0;
    display: block;
}

#page-alarms .formAlarmArea .nptBx .filtro-parte .h3 {
    font-size: 15px;
    display: block;
}

#page-alarms .formAlarmArea .btn-show-video {
    margin: 14px 0 0 0px;
}

cctv-video-popup .camera.preview {
    background-color: rgb(0, 0, 0);
    width: 100%;
    transition: none;
}

cctv-video-popup .camera.preview iframe {
    min-height: 480px;
}

.view4k cctv-video-popup .camera.preview iframe {
    min-height: 800px;
}



/* PÁGINA DE CONFIGURACÓN --> PUERTAS */
#page-doors .programable {
    color: #0D76D3;
    cursor: pointer;
}


/* Edificios */
#buildingsCtrlr .error-tooltip .error-tooltip-item {
    width: auto;
}

/* monitoring-controller-popup en blanco */
monitoring-controller-popup.blanco .popup-header {
    background-color: #e6e6e6;
}

 monitoring-controller-popup.blanco .popup-header p{
    color: #333 !important;
}

monitoring-controller-popup.blanco .filterTypeStyle {
    color: #333;
}

monitoring-controller-popup.blanco .filtros-activos .btn-outline {
    border-color: #0D76D3;
}


/* Home: Listado de Sites */
#siteCtrlr {
    overflow-x: auto !important;
}

#siteCtrlr .list-table .back-button {
    z-index: 1;
}

/* jnovella Clases generales */
.azul-oscuro {color: #0e569e;}
.azul-oscuro-bg {background-color: #0e569e;}
.azul-oscuro-bg p {color: #fff;}

.notificacionesListadoCamaras .lista-fila {
    border-bottom: 1px solid #fff;
    clear: both;
}

.notificacionesListadoCamaras .lista-fila:first-of-type {
    border: none;
}

.notificacionesListadoCamaras .lista-columna {
    padding: 6px 10px;
    min-height: 55px;
}

.notificacionesListadoCamaras .play {
    padding-top: 16px;
}



/* Desplegable superior */
#desplegable-superior a {
    padding: 4px 10px;
}
#desplegable-superior a:hover {
    background-color: transparent;
}
#desplegable-superior .selectLanguage .ti-angle-up {
    display: none;
}
#desplegable-superior .selectLanguage i {
    line-height: 2em;
}
#desplegable-superior .selectLanguage.activeLanguage .ti-angle-up {
    display: inline;
}
#desplegable-superior .selectLanguage.activeLanguage .ti-angle-down {
    display: none;
}
#desplegable-superior .language {
    padding: 0 0 0 30px;
}
#desplegable-superior .language:hover {
    background-color: #eee;
}
#desplegable-superior .language a {
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
}

/* Settings generales */
.sesionesBx .error-tooltip-container {
    position: absolute;
    left: -50px;
    top: 36px;
}

#site-general-settings .up-left-area,
#site-general-settings .up-right-area {
    height: 455px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.credential-group .more-icon {
    padding-left: 0;
    padding-right: 0;
}

.tooltip.by-blue-tooltip .tooltip-arrow {
    border-bottom-color: #0D76D3;
    border-top-color: #0D76D3;
}

.tooltip.by-blue-tooltip .tooltip-inner {
    background-color: #0D76D3;
    color: #ffffff;
    box-shadow: 1px 1px 5px #333333;
    border-radius: 1px;
}
.tooltip.by-white-tooltip .tooltip-arrow {
    border-bottom-color: white;
    border-top-color: white;
}
.tooltip.by-white-tooltip .tooltip-inner {
    background-color: white;
    color: #000000;
    box-shadow: 1px 1px 5px #333333;
    border-radius: 1px;
}


column > li {
    cursor: pointer;
}

column > li:hover {
    color: #dddddd;
}

column > li.sort-disabled {
    cursor: default;
}

column > li.sort-disabled:hover {
    color: #fff;
}

nuo-notification {
    display: flex;
    justify-content: center;
    overflow: visible;
    height: 0;
}

.option-focused {
    background-color: #ced2d1 !important;
}

.loading-screen {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(255, 255, 255, 0.7);
    top: 0;
    left: 0;
    z-index: 9999;
    color: #0D76D3;
    font-size: 16vh;
}

.loading-screen > .fa-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -10vh;
    margin-top: -8vh;
}

.loading-screen > p {
    text-align: center;
    font-size: 3vh;
    margin-top: 58vh;
}

.navbar-static-top.dark-bg .btn-modulo.dropdown-toggle, .breadcrumbs > li {
    cursor: default;
}

.breadcrumbs > li > p {
    margin: 0;
}

.breadcrumbs > li > p.breadcrumb-clickable {
    cursor: pointer;
    text-decoration-line: underline;
    text-decoration-color: #999999;
}

.breadcrumbs > li > p.breadcrumb-clickable:hover {
    color: #eeeeee;
    text-decoration-line: underline;
    text-decoration-color: #ffffff;
}

#viewBx .view4k.operatorDesktop
.notificacionesBx .main-content
div.list-table-wrapper
#main-table.notifications-list {
    height: auto;
}

#viewBx .accionesBx .list-container {
    overflow-y: auto;
    height: 572px;
}

#viewBx .accionesBx #main-table #main-table-inner + .list-container {
    margin-top: 40px;
}

#viewBx .accionesBx .caccArea .list-container,
#viewBx .accionesBx .cctvArea .list-container {
    height: 572px;
}

#viewBx .accionesBx .userArea .list-container {
    height: 440px;
}

.view4k .r50 .list-container {
    margin-top: 80px;
}

.op_cctv_planim .r50.h100 {
    overflow-y: hidden;
}

.op_ccac_visits .list-table-wrapper > #main-table.list-table {
    height: auto;
}

.backupArea .user-profile-input, .operatorArea .user-profile-input {
    height: auto;
}

layout-navigation-group > li.desactivado, layout-navigation-group > li > a.desactivado {
    display: none;
}

alert-zone-row .buldFlooSectBx .dropdown-menu {
    max-height: 180px;
}

alert-zone-row:last-child .buldFlooSectBx .dropdown-menu {
    max-height: 80px;
}

.custom-fields {
    overflow: visible;
}

.dropdown-icon {
    position: absolute;
    right: 6px;
    top: 4px;
    font-size: large;
    line-height: unset;
    height: unset;
}

.monitorizacionBx .moniBox .video img, .reportPrint .video img {
    width: 100%;
    margin-bottom: 0;
}

.error-img {
    height: 50px !important;
    padding: 15px !important;
}

.view4k .save-report door-extended-lift-detail .txtCtrl p,
.view4k .save-report .monitoringPopup p,
.view4k .save-report .monitoringPopup label,
.view4k .save-report .monitoringPopup span {
    /* color: #fff !important; */
    background-color: unset;
}
.view4k .save-report .monitoringPopup p.bigSz{
    white-space: normal;
    color: #fff !important;
}
.view4k .save-report .txtCtrl door-extended-lift-detail p,
.view4k .save-report .monitoringPopup door-extended-lift-detail p,
.view4k .save-report .monitoringPopup door-extended-lift-detail label,
.view4k .save-report .monitoringPopup door-extended-lift-detail span{
    color: #333 !important;
}

.view4k .save-report .monitoringPopup .btn-switch .switch {
    background-color: #cccccc;
}

.view4k .save-report .monitoringPopup .btn-switch .switch:after {
    top: -3px;
}

#viewBx .view4k last-movements-popup span,
#viewBx .view4k last-movements-popup p{
    color: #333 !important;
}
#viewBx .view4k operator-desktop-monitoring .option-group-date-time{
    color: #fff;
}

#viewBx .view4k operator-desktop-monitoring .unique-id-filter div {
    margin-top: 25px;
}

#viewBx .doorMapDetail .btn-primary-dark,
#viewBx operator-desktop-monitoring .btn-primary-dark,
#viewBx .favorite-reports-table .btn-primary-dark{
    color: #333 !important;
}

#viewBx .view4k log-entry-camera-buttons button.btn-primary.btn-primary-dark{
    color: #a8a8a8 !important;
}

#viewBx .view4k operator-desktop-monitoring > div.monitorizacionBx  log-entry-camera-buttons button{
    color: #a0a0a0 !important;
}
#viewBx .view4k .favorite-reports-table .btn-primary-dark{
    color: #a0a0a0 !important;
}

#viewBx operator-desktop-monitoring .global-actions-user-options .btn-primary-dark{
    color: #f7f7f7 !important
}

#viewBx operator-desktop-monitoring .global-actions-user-options.view-host-container .btn-primary-dark{
    padding: 15px;
    color: #f7f7f7 !important;
}

.view4k .save-report .monitoringPopup h3 {
    color: #333;
}

.view4k .save-report .monitoringPopup h3.heighH3,
.view4k .save-report .monitoringPopup .opcionesArea h3,
.view4k .save-report .monitoringPopup .programacionArea h3,
.view4k .save-report .monitoringPopup .camarasArea h3,
.view4k .save-report .monitoringPopup .functionArea h3,
.view4k .save-report .monitoringPopup .cerraduraArea h3
{
    padding: 0;
    margin: 15px 0
}

.view4k .save-report .ctrlRead.box i,
.view4k .save-report .txtCtrl {
    min-height: 90px;
}
.view4k .save-report .monitoringPopup door-extended-lift-detail.txtCtrl p{
    color: #fff;
}

.view4k .save-report .monitoringPopup .verES {
    margin-bottom: 0;
    /* margin-top: 90px; */
    width: auto;
    margin-left: 10px;
}

.view4k .save-report .monitoringPopup {
    width: 2000px;
}

.view4k .save-report .monitoringPopup .doorsA {
    max-width: unset;
    padding: 10px 20px 10px 10px;
}

.izquierda {
    display: flex;
    align-items: flex-end;
}

.bxLect[draggable="true"] {
    cursor: move;
}

.dragging .bxLect {
    background: #bbb;
}

.dragging .bxLect.drag-over {
    background: #a3a3a3;
    border-color: #fff;
    border-style: dashed;
    border-width: 5px;
    box-shadow: 0 0 0 1px #a3a3a3;
    padding: 0;
}

.dragging .bxLect * {
    pointer-events: none;
}

.row-flex {
    display: flex;
    justify-content: space-between;
    margin: 0 -15px;
    width: 100%;
}

.bio-login {
    display: flex;
}

.bio-login .btn-primary-dark {
    border-color: white !important;
    color: white !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 30px;
    text-transform: none;
    font-size: 18px;
}

.bio-login .btn-primary-dark[disabled] {
    color: #333333 !important;
    border-color: #333333 !important;
}

.fingerprint-login-img {
    height: 40px;
    width: 40px;
    margin-right: 10px;
}

.background-hover {
    color: #3c424c;
}

.background-hover:hover {
    background-color: #eeeeee;;
}

.enroll-dropdown-button:active,
.enroll-dropdown-button.active,
.open > .dropdown-toggle.enroll-dropdown-button {
    background-color: rgba(0, 0, 0, 0.2) !important;
}

.enroll-table td, th {
    text-align: left;
    padding: 8px;
}
.enroll-table tr {
    border: 1px solid rgba(0, 0, 0, 0.2);
    height: 42px;
}
.enroll-table-container {
    max-height: 50vh;
    overflow-y: auto;
}

.enroll-message {
    margin: 7% 0 7% 25%;
}

.enroll-name-cell {
    width: 50%;
}

.enroll-action-cell {
    width: 25%;
}

.extended-user-desktop {
    /* z-index: 1; */
    overflow-y: auto;
    height: 100%;
}
.view4k .accionesBx .extended-user-desktop{
    height: 735px;
}
.view4k .accionesBx.notificacionesModal .extended-user-desktop{
    height: 1460px;
}
.view4k .accionesBx .extended-user-desktop.ext-view-users-management{
    height: auto;
}

.desktop-small-row {
    width: 100%;
}

.editors-list {
    padding: 25px;
    min-height: 200px;
}

.editors-list .col-md-12{
    border-top: 1px solid;
    margin-top: 5px;
    padding: 5px 0 0 0;
}

.progress.green-bar {
    background-color: rgba(0, 165, 0, 0.2);
}

.progress.green-bar .progress-bar {
    background-color: rgba(0, 165, 0, 0.7);
    color: #000;

}

.global-actions-user-options .btn-dropdown-filter .flex-btn-helper,
.functionArea .btn-dropdown-filter .flex-btn-helper,
controller-language-time-zone-configuration .btn-dropdown-filter .flex-btn-helper {
    overflow-x: hidden;
}

.link-disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.monitoring-container {
    display: flex;
    flex-direction: column-reverse;
}

.view4k.op_cctv_planim .monitoring-container{
    width: 100%;
}

.sites-management-popup-container, .sites-management-popup-container span,
.backUp-popup.monitoringPopup .table-row.selected-row.extended-view .first-group-columns users-extended-credential-row,
.backUp-popup.monitoringPopup .table-row.selected-row.extended-view .first-group-columns,
.backUp-popup.monitoringPopup .table-row.selected-row.extended-view .first-group-columns label,
.view4k users-extended-credential-row .bg-info,
.view4k users-extended-credential-row .bg-info span {
    color: #000 !important;
}

.view4k .save-report .monitoringPopup span.bullet-primary,
.view4k .save-report .monitoringPopup .safariHack_table-cell:not(.bg-info) span.bullet-primary {
    border-color: #ccc;
}

.view4k .save-report .monitoringPopup span.bullet-primary-success,
.view4k .save-report .monitoringPopup .safariHack_table-cell:not(.bg-info) span.bullet-primary-success {
    border-color: #33CC33;
    background: #33CC33;
    min-width: 15px;
}

.view4k .save-report .monitoringPopup span.bullet-primary-active,
.view4k .save-report .monitoringPopup .safariHack_table-cell:not(.bg-info) span.bullet-primary-active {
    background-color: #1976d2;
    border-color: #1976d2;
}

.view4k .save-report .monitoringPopup .sites-management-popup-container span {
    color: #000 !important;
}

#viewBx .view4k .accionesBx .caccArea building-floor-sector-selector:not(.ng-hide) + #terminalCtrlr .list-container {
    height: 557px;
}

#viewBx .view4k .accionesBx .alarmaArea building-floor-filter-selector:not(.ng-hide) + #alertsCtrlr .list-container {
    height: 519px;
}

#viewBx .view4k .accionesBx .cctvArea cctv-filter-selector:not(.ng-hide) + #cctvCtrlr .list-container {
    height: 512px;
}

#viewBx .view4k .accionesBx .visitsArea operator-visits-filter-selector:not(.ng-hide) + .preregist + #visitsCtrlr .list-container {
    height: 392px;
}

#viewBx .view4k .accionesBx .visitsArea users-filter-selector + .userArea .list-container,
#viewBx .view4k .accionesBx .visitsArea users-other-sites-filter-selector + .userArea .list-container {
    height: 480px;
}

#viewBx .view4k .accionesBx .visitsArea users-filter-selector:not(.ng-hide) + .userArea .list-container {
    height: 196px;
}

#viewBx .view4k .accionesBx .alarms-options .alarmaArea .list-container {
    height: auto;
    margin-top: 90px;
}

#viewBx .view4k .accionesBx .alarms-options .alarmaArea .list-container .principalTd {
    float: unset;
}

#viewBx .view4k .accionesBx .cctvArea .alarmaArea.cctvView .cctvInsideFilter {
    margin-bottom: 30px;
}

#viewBx .view4k .accionesBx .cctvArea .alarmaArea.cctvView .nptBigBx > .row {
    margin: 0;
}

#viewBx .view4k .ext-view-users-management .boxUserNoFlexBoxBug {
    padding: 10px 15px;
}

#viewBx .view4k .accionesBx .ext-view-users-management .boxUserNoFlexBoxBug .list-table-credentials .btn-primary {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-left: -60px;
}

#viewBx .view4k .accionesBx .ext-view-users-management .boxUserNoFlexBoxBug .gray-bg h3 {
    color: #000;
}

#viewBx #op-desktop-cctv-cacc .gray-bg .list-table .ext-view-table-header span,
#viewBx .view4k .accionesBx .ext-view-users-management .boxUserNoFlexBoxBug .gray-bg .list-table .ext-view-table-header span{
    color: #333;
}

.view4k .accionesBx .global-actions-box.opcCaducidadBx h3 {
    margin-right: 0;
}

.view4k .accionesBx .global-actions-box.opcCaducidadBx .posR {
    width: auto;
    height: auto;
}

.view4k .accionesBx .templates-sites-toolbar-wrapper .btn-dropdown-filter {
    border-color: #000;
}

.view4k .accionesBx .templates-sites-toolbar-wrapper .btn-dropdown-filter span {
    color: #000;
}

.view4k .enrolment-popup {
    max-width: 1000px;
}

.view4k .enrolment-popup .restLnk {
    font-size: 16px;
}

.view4k .list-table .selected-row {
    height: auto;
}

.view4k.operatorDesktop .accionesBx #main-table .selected-row .standard-column {
    width: 100%;
}

.view4k .accionesBx .userArea .list-table .table-row.selected-row .first-group-columns {
    width: 100%;
}

.cctvView.alarmaArea {
    overflow: visible !important;
    padding-bottom: 100px;
}

cctv-camera-row:last-of-type row-dropdown-input .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}

.view4k .notificacionesBx .list-table .back-button {
    z-index: 1;
    display: flex;
}

.view4k .notificacionesBx #main-table #main-table-inner {
    z-index: 2;
}

.user-management-row .list-table-credentials .ext-view-table-header .safariHack_5:first-of-type {
    width: 5%;
}

.user-management-row .list-table-credentials .ext-view-table-header .dropdown {
    width: 30%;
}

.list-table users-other-sites-row users-extended .back-button {
    z-index: 1;
}

.list-table-credentials .credential-group .more-icon {
    display: flex;
    align-items: center;
}

.add-visits-container custom-fields {
    display: flex;
    flex-wrap: wrap;
}

.add-visits-container custom-fields .campo-personalizado {
    margin-bottom: 20px;
}

.add-visits-container .no-hz-margin {
    margin-left: 0px; margin-right: 0px;
}

.visitArea .operatorVisit .btn-mail {
    margin-top: 20px;
    text-align: center;
}

/* .add-visits-container .btn-mail {
    padding: 20px 0px;
}

.add-visits-container .btn-mail button {
    width: 100%;
}

.add-visits-container .btn-mail:first-child {
    padding-right: 5px;
}

.add-visits-container .btn-mail:last-child {
    padding-left: 5px;
} */

log-entry-camera-buttons {
    display: flex;
    width: 100%;
    justify-content: center;
}

log-entry-camera-buttons button:first-of-type {
    margin-right: 5px;
}

.visitorGlobalAcctionArea .new-item-page {
    overflow-y: visible;
}

.visits-global-actions-textarea {
    min-width: 75%;
    padding-right: 15px;
}

.visits-global-actions-textarea textarea {
    width: 100%;
}

.confirmation-popup-list.summary-confirmation-popup {
    padding: 25px;
}

.confirmation-popup-list .confirmation-popup-list.summary-confirmation-popup ul li {
    margin-bottom: 10px;
}

.visitorGlobalAcctionArea .custom-fields custom-fields {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}

.add-visits-container .no-hz-margin {
    margin-left: 0px; 
    margin-right: 0px;
}

.no-hz-margin .btn-mail{
    margin-top: 15px
}

.visitorGlobalAcctionArea .custom-fields custom-fields > .campo-personalizado {
    margin-bottom: 15px;
    min-width: 30%;
}

.assigned-users {
    max-height: 300px;
    overflow-y: auto;
}

.liftcarSystemsContainer {
    padding-left: 5px;
    padding-right: 20px;
    max-height: 120px;
    margin-bottom: 0;
}

.scroll-overflow-y {
    overflow-y: scroll;
}

.confirmation-popup-delete .confirmation-popup-delete-message .last-tag-message {
    display: block;
    border-top: 1px solid #cccccc;
    margin-top: 20px;
    padding-top: 10px;
}

.input-margin-top-same-line {
    margin-top: 5px;
}

.alert-notif-show {
    top: 5px;
    opacity: 1;
    min-width: 30vw;
    z-index: 10;
    max-width: 70vw;
    width: auto;
    min-height: 63px;
    height: auto;
}

.notif-alert-container {
    padding-bottom: 10px;
    display: block;
    background: #ffffff;
    min-height: 200px;
    max-width: 50%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 160px;
}

.notif-alert-content {
    padding: 15px 40px;
    overflow-y: auto;
    height: auto;
    max-height: 500px;
}

.visit-information {
    border-bottom: 1px solid #333;
    float: left;
    width: 70%;
    padding-bottom: 0;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.visit-information p {
    float: left;
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    min-height: 26px;
}

.visit-information .btn {
    float: right;
    width: 20px;
    background: transparent;
    border: none;
    padding: 2px 2px 0 2px;
    font-size: 1.1em;
}

@media (max-width: 1200px) {
    .visit-information {
        width: 81%;
    }
}

@media (max-width: 992px) {
    .visit-information {
        width: 79%;
    }
}

.movements-popup,
.rel-objects-popup {
    max-width: 60%;
    margin-top: 120px;
}

#registerPopup .rel-objects-popup {
    max-width: 95%;
    min-width: 1300px;
}

#registerPopup .rel-objects-cell {
    display: flex;
    align-items: center;
}

#registerPopup .rel-objects-cell.cell-buttons {
    justify-content: center;
}

.movements-popup-visitor {
    max-width: 45%;
}

.movements-popup-visitor .movements-container,
.movements-popup .movements-container {
    margin: 10px 5px 0 5px;
    height: 60px;
    border-radius: 5px;
    border: 1px solid black;
    display: flex;
    align-items: center;
}

.movements-popup-visitor .movements-container .movements-content,
.movements-popup .movements-container .movements-content {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.movements-popup .movements-container .movements-date-time {
    text-align: end;
}

.movements-popup .movements-container .movements-date-time > p {
    color: #000;
}

.rel-objects-table {
    width: 100%
}

.rel-objects-table-header {
    /*background-color: rgba(0, 135, 255, 0.29);*/
    background-color: #0D76D3;
    border-bottom: 1px solid #cccccc;
    color: white;
}

.rel-objects-table-header .button-column {
    width: 70px;
}

.rel-objects-table-row:hover {
    background: #e0f0ff;
}

.rel-objects-cell {
    border-bottom: 1px solid #cccccc;
    padding: 8px;
    height: 50px;
}

.no-related-obj-txt {
    padding: 45px 0 7px 30px;
}

.ext-view-table .ext-view-table-row.rel-objects-table-row:hover {
    background: initial;
}

.ext-view-table .ext-view-table-row .rel-objects-cell {
    float: left;
    padding: 12px;
    width: 18%;
}

#registerPopup .ext-view-table .ext-view-table-row .rel-objects-cell {
    width: 16%;
}

#registerPopup .ext-view-table.three-columns-button .ext-view-table-row .rel-objects-cell {
    width: 13%;
    padding: 8px;
}

#registerPopup .ext-view-table .ext-view-table-row .rel-objects-cell.cell-buttons {
    padding-left: 0px;
    padding-right: 0px;
    width: 10%;
}

#registerPopup .ext-view-table .ext-view-table-row .rel-objects-cell.cell-first,
#registerPopup .ext-view-table.three-columns-button .ext-view-table-row .rel-objects-cell.cell-first {
    width: 2%;
    padding-left: 12px;
}

#registerPopup .ext-view-table .ext-view-table-row .rel-objects-cell.cell-type {
    width: 10%;
}

#registerPopup .ext-view-table.three-columns-button .ext-view-table-row .rel-objects-cell.cell-type {
    width: 9%;
}

#registerPopup .ext-view-table.three-columns-button .ext-view-table-row .rel-objects-cell.cell-buttons {
    width: 10%;
}

#registerPopup .ext-view-table .ext-view-table-row .rel-objects-cell.idented {
    padding-left: 35px;
}

#registerPopup .ext-view-table .ext-view-table-row .btn-primary-slim {
    padding: 0 10px 0 10px;
    z-index: 0;
}

.ext-view-table .ext-view-table-row .rel-objects-cell i {
    cursor: pointer;
}

.ext-view-table .ext-view-table-row.rel-objects-table-header .rel-objects-cell {
    border-bottom: 1px solid #ddd;
    height: 38px;
    display: block;
    padding: 8px;
    text-transform: uppercase;
}

#registerPopup .ext-view-table .ext-view-table-row.rel-objects-table-header .rel-objects-cell {
    height: 50px;
}

.back-button-user-web {
    position: absolute;
    top: 5px;
    right: 20px;
}

.back-button-user-web.back-button-top {
    top: -41px;
}

.back-button-user-desktop {
    position: absolute;
    top: 0;
    right: 20px;
}

.view4k .operatorVisit{
    width: 100%;
}
.view4k #notificationsCtrlr .global-actions-box{
    width: 97%;
}


.view4k .operators-visit-host .global-actions-user-options{
    color: #fff;
}

.view4k.operatorDesktop users-row operator-visit-host-edit .global-actions-user-options{
    padding: 0;
}

.view4k .add-visits-container{
    background: #ccc;
}

.view4k .add-visits-container .global-actions-user-options{
    min-height: 60px;
}

#viewBx .view4k operator-desktop-monitoring .monitorizacionBx users-popup  operator-visits-edit-user-extended  .btn-primary-dark{
    display:block;
    white-space: normal;
    color: #fff !important;
}

#viewBx .view4k -desktop-monitoring .monitorizacionBx users-popup  operator-visits-edit-user-extended  .btn-primary-dark[disabled="disabled"]{
    color: #666 !important;
    border-color: #666 !important;
}


.view4k .operators-visit-host .global-actions-user-options.prevent-text-overflow span{
    padding-top: 0 !important;
}

#viewBx operator-visits-edit-user-extended .add-visits-container h3.credential {
    margin-bottom: 10px;
    width: 70%;
    text-align: right;
}

#viewBx .view4k operator-visits-edit-user-extended .add-visits-container h3 {
    width: auto;
}
#viewBx .view4k operator-visits-edit-user-extended .add-visits-container h3 + .bullet-primary{
    margin-top: 5px !important;
    margin-left: 15px
}

#viewBx .view4k.operatorDesktop users-popup operator-visits-edit-user-extended .add-visits-container h3 + .bullet-primary{
    margin-top: 25px !important;
}

#viewBx .view4k operator-visits-edit-user-extended .add-visits-container add-visits-form h3 + .bullet-primary{
    margin-top: 5px;
}
#viewBx #op-desktop-cctv-cacc operator-desktop-monitoring .gruposAsignadosBox .btn-primary-dark,
#viewBx #op-desktop-cctv-visits operator-desktop-monitoring .gruposAsignadosBox .btn-primary-dark,
#viewBx .view4k.operatorDesktop operator-desktop-monitoring .gruposAsignadosBox .btn-primary-dark{
    color: #fff !important;
}

/* #viewBx users-popup operator-visits-edit-user-extended  div.row.enrolar.no-hz-margin .global-actions-box.row{
   background: #ccc;
} */

#viewBx users-popup operator-visits-edit-user-extended .add-visits-container .no-hz-margin {
    background: #ccc
}
#viewBx .view4k users-popup operator-visits-edit-user-extended .add-visits-container .no-hz-margin .opcCaducidadBx h3{
    width: 100%;
    margin-bottom: 25px;
    color: #ccc;
}

#viewBx users-popup operator-visits-edit-user-extended .add-visits-container textarea{
    width: 100%;
    border: 0;
    background: inherit;
}

#viewBx .view4k users-popup operator-visits-edit-user-extended .add-visits-container textarea{
    color: #fff
}

#viewBx users-popup  operator-visits-edit-user-extended .add-visits-container .boxGroup h3{
    padding-left: 0;
}
.option-group-date-time-item{
    text-align: right;
}

#viewBx  users-popup users-extended access-profile-access-group-detail .i_no_assigned_doors.em2_2{
    color: #fff;
}

.list-table users-popup .standard-column, .list-table users-popup .first-group-columns{
    width: 100%;
    display: block;
}

.list-table users-popup #main-table-inner-row {
    padding: 0;
    margin-bottom: 10px;
    padding-left: 40px;
}

.list-table users-popup .table-row li {
    font-size: 14px;
}

.group-management-content.error-img i{
    display: block;
    margin: 0 auto;
}
.notificacionesVerCamara .group-management-content.error-img.with-link {
    height: auto !important;
    text-align: center;
}
.view4k.operatorDesktop .operatorArea .box,
.view4k.operatorDesktop .notificationsArea .box,
.view4k.operatorDesktop .popGeneric .box,
.view4k.operatorDesktop .sduMioPop .box,
.view4k.operatorDesktop .backupArea .box,
.view4k.operatorDesktop .sitesArea .box,
.view4k.operatorDesktop .doorsArea .box {
    padding: 15px 0;
    display: block;
}

.view4k.operatorDesktop .popGeneric .box.userSearchInput,
.view4k#op-desktop-cctv-cacc .popGeneric .box.userSearchInput,
.view4k#op-desktop-cctv-visits .popGeneric .box.userSearchInput{
    padding: 0;
    background-color: #2c2f35;
}
.view4k.operatorDesktop .planimetriaArea .boxInfo{
    padding: 0;
}
div.row.boxInfo div.bxTop button.btn-show-video{
    color: #333 !important;
}

.view4k.operatorDesktop favorite-save-modal .save-report-popup :not(.search-dropdown):not(.form-control){
    color: #333;
}
.view4k.operatorDesktop .save-report-popup{
    width: 1800px;
}
/*Overrides para hacer Notificaciones y Puertas flotantes*/
.view4k.operatorDesktop
    .accionesBx.notificacionesModal
    .tab-content
    .tab-pane.visitsArea
    #visitsCtrlr,
.view4k.op_cctv_planim
    .accionesBx.notificacionesModal
    .tab-content
    .tab-pane.visitsArea
    #visitsCtrlr {
    max-height: initial;
}
.view4k.operatorDesktop .accionesBx.notificacionesModal .bullet-primary {
    width: 26px;
    height: 26px;
}

.view4k.operatorDesktop
    .accionesBx.notificacionesModal
    .stateCentralBx
    .only4kHackPosR
    .bullet-primary,
.view4k.operatorDesktop
    .accionesBx.notificacionesModal
    alerts-extended
    .list-container
    .confGroupSize
    .bullet-primary {
    margin-top: 2px;
}

.pop-button {
    display: none;
}
.container4k .tooltip{
    font-size: 16px;
}
.container4k.operatorDesktop #desplegable-superior list-card-admin-button a{
    padding: 4px 40px;
}

.container4k #desplegable-superior li{
    margin: 15px 0;
}
.container4k #desplegable-superior li a,
.container4k #desplegable-superior .nav.navbar-top-links .more-options a{
    padding: 15px 40px;
    font-size: 20px;
}
.container4k .navbar-top-links .more-options ul.dropdown-menu{
    padding: 15px 0;
}
.view4k.operatorDesktop .pop-button {
    position: absolute;
    display: block;
    top: 65px;
    right: 20px;
}
.view4k.operatorDesktop .accionesBx .pop-button {
    position: absolute;
    display: block;
    top: 125px;
    right: 20px;
}

#viewBx .accionesBx users-main-container .pop-button,
#viewBx .accionesBx users-other-sites-main-container .pop-button {
    top: 220px;
}

.view4k.operatorDesktop .notificacionesBx.notificacionesModal,
.view4k.operatorDesktop .accionesBx.notificacionesModal {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    overflow: hidden;
}
.view4k.operatorDesktop .accionesBx.notificacionesModal {
    overflow: auto;
}

.view4k.operatorDesktop .notificacionesBx.notificacionesModal .pop-button,
.view4k.operatorDesktop .accionesBx.notificacionesModal .pop-button {
    display: none;
}

.view4k.operatorDesktop .notificacionesBx .td-popup-header,
.view4k.operatorDesktop .accionesBx .td-popup-header {
    display: none;
}

.view4k.operatorDesktop .accionesBx operator-visit-host-edit .td-popup-header {
    display: flex;
}

.view4k.operatorDesktop .accionesBx operator-visits-filter-selector .td-popup-header,
.view4k.operatorDesktop .accionesBx expiration-date-selector .td-popup-header,
.view4k.operatorDesktop .notificacionesBx expiration-date-selector .td-popup-header{
    display: flex;
}
.view4k .formAlarmArea .nptBx,
.view4k .gray-bg,
.view4k .list-table-wrapper .vista-ampliada,
.view4k .alarmaArea .formAlarmArea {
    background-color: #cdcdcd !important;
}
.view4k.operatorDesktop .notificacionesBx.notificacionesModal .td-popup-header,
.view4k.operatorDesktop .accionesBx.notificacionesModal .td-popup-header {
    display: flex;
}

.view4k.operatorDesktop
    #viewBx
    .accionesBx.notificacionesModal
    operator-desktop-actions
    new-user-main-container
    user-basic-extended {
    background: #50555d;
}
.view4k.operatorDesktop .notificacionesBx.notificacionesModal .contenido,
.view4k.operatorDesktop .accionesBx.notificacionesModal .contenido {
    width: 75vw;
    margin: 75px auto;
}

.view4k.operatorDesktop
    .notificacionesBx.notificacionesModal
    #main-table
    #main-table-inner,
.view4k.operatorDesktop
    .accionesBx.notificacionesModal
    #main-table
    #main-table-inner {
    position: relative;
    width: 75vw;
    margin-top: 0px;
}

.view4k.operatorDesktop
    .notificacionesBx.notificacionesModal
    .main-content
    div.list-table-wrapper {
    /* .view4k.operatorDesktop .accionesBx.notificacionesModal .main-content div.list-table-wrapper{ */
    height: 75vh !important;
}
.view4k.operatorDesktop .notificacionesBx.notificacionesModal .list-container {
    margin-top: 0;
}

#viewBx .view4k.operatorDesktop .notificacionesBx.notificacionesModal div.list-table-wrapper,
#viewBx .view4k.operatorDesktop .accionesBx.notificacionesModal div.list-table-wrapper,
#viewBx .view4k.operatorDesktop .notificacionesBx.notificacionesModal #main-table #main-table-inner + .list-container,
#viewBx .view4k.operatorDesktop .accionesBx.notificacionesModal #main-table #main-table-inner + .list-container {
    margin-top: 0px;
}

.view4k .notificacionesBx.notificacionesModal .list-table .table-header li,
.view4k .notificacionesBx.notificacionesModal .list-table .table-row li,
.view4k .notificacionesBx.notificacionesModal .list-table .table-row .ti-search,
.view4k .accionesBx.notificacionesModal .list-table .table-header li {
    font-size: 26px;
}
.view4k
    .notificacionesBx.notificacionesModal
    .list-table
    .table-header
    li.first-group-columns,
.view4k
    .notificacionesBx.notificacionesModal
    .list-table
    .table-row
    li.first-group-columns {
    width: 95%;
}
.view4k
    .notificacionesBx.notificacionesModal
    .list-table
    .table-header
    li.second-group-columns,
.view4k
    .notificacionesBx.notificacionesModal
    .list-table
    .table-row
    li.second-group-columns {
    width: 25%;
}
.view4k
    .notificacionesBx.notificacionesModal
    .list-table
    .table-row
    li.second-group-columns,
.view4k.operatorDesktop
    .notificacionesBx.notificacionesModal
    .list-table
    .notification-main-column {
    width: 650px;
}
.view4k.operatorDesktop
    .notificacionesBx.notificacionesModal
    .list-table
    .notification-standard-column {
    width: 15%;
}

.view4k.operatorDesktop
    .notificacionesBx.notificacionesModal
    .list-table
    .notification-standard-column.notification-status {
    width: 10%;
}

.view4k.operatorDesktop
    .notificacionesBx.notificacionesModal
    .list-table
    .notification-standard-column.notification-standard-column-righted.notification-camera-column {
    width: 350px;
}

.view4k.operatorDesktop
    .notificacionesBx.notificacionesModal
    .notification-standard-column-righted
    .fa {
    width: 50px;
}
.notificacionesBx.notificacionesModal
    .notification-standard-column
    .fa-play:not(.ng-hide)
    + .fa-exclamation-triangle.ng-hide
    + .fa-check.ng-hide
    + .notificacion-estado,
.view4k.operatorDesktop
    .notification-standard-column
    .fa-play.ng-hide
    + .fa-exclamation-triangle:not(.ng-hide)
    + .fa-check.ng-hide
    + .notificacion-estado {
    width: 250px;
}
.view4k.operatorDesktop
    .notificacionesBx.notificacionesModal
    .opened
    .second-group-columns
    .notify-separator,
.view4k.operatorDesktop
    .notificacionesBx.notificacionesModal
    .notify-separator {
    width: 100%;
}
.view4k.operatorDesktop
    .notificacionesBx.notificacionesModal
    .notify-separator
    li {
    width: 25%;
}
.view4k.operatorDesktop
    .notificacionesBx.notificacionesModal
    notifications-ignored-row
    .notify-separator
    li {
    width: auto;
    float: right;
}

.view4k.operatorDesktop
    .notificacionesBx.notificacionesModal
    .notify-separator
    li
    button {
    margin: 0 auto;
}
.view4k.operatorDesktop
    .notificacionesBx.notificacionesModal
    .notify-separator
    .resolverNotificacion {
    margin-left: 0 !important;
}

.view4k.operatorDesktop
    .notificacionesBx.notificacionesModal
    .notify-separator
    li
    i.fa {
    font-size: 30px !important;
    line-height: 40px;
}
.view4k.operatorDesktop .notificacionesBx.notificacionesModal .ext-view {
    padding: 35px 0;
    border-top: 0;
    background: #50555d;
}

.view4k.operatorDesktop
    .notificacionesBx.notificacionesModal
    #main-table
    notifications-row
    .global-actions-box {
    font-size: 26px;
}

/*ACCIONES*/
.view4k.operatorDesktop
    .accionesBx.notificacionesModal
    operator-desktop-actions
    .nav-tabs {
    background: #000;
}
.view4k.operatorDesktop .btn-primary-dark,
.view4k .btn-primary-dark,
.view4k.operatorDesktop .save-report .btn-secondary-dark,
.view4k .btn-secondary-dark {
    border-color: #e4e4e4;
    color: #f7f7f7 !important;
}
#viewBx
    .accionesBx.notificacionesModal
    operator-desktop-actions
    users-complete-component
    new-user-main-container
    user-basic-extended
    .new-user-form {
    background: #50555d;
}

#viewBx .accionesBx.notificacionesModal .list-container,
.view4k
    .accionesBx.notificacionesModal
    #alertsCtrlr
    div.list-table-wrapper
    .list-container {
    margin-top: 0;
}
.view4k .accionesBx.notificacionesModal .list-table .table-row li,
.view4k .accionesBx.notificacionesModal h3,
.view4k .accionesBx.notificacionesModal h4,
.view4k .accionesBx.notificacionesModal p,
.view4k .accionesBx.notificacionesModal button,
.view4k .accionesBx.notificacionesModal input,
.view4k .accionesBx.notificacionesModal span,
.view4k .accionesBx.notificacionesModal a,
.view4k .accionesBx.notificacionesModal .ddlBx .btn-text-content,
.view4k .accionesBx.notificacionesModal .list-table .table-row li,
.view4k
    .accionesBx.notificacionesModal
    .list-table
    .table-row.selected-row.extended-view
    .user-management-value-name {
    font-size: 26px;
    line-height: 30px;
}
.view4k .accionesBx.notificacionesModal favorite-menu .ti-heart {
    font-size: 26px;
}
.view4k .accionesBx.notificacionesModal favorite-menu .label {
    width: 22.5px;
    height: 22.5px;
    line-height: 22px !important;
    font-size: 18px !important;
    right: -10px;
}

.view4k
    .accionesBx
    #main-table
    .white-bg.templates-sites-toolbar-wrapper
    button {
    color: #a0a0a0 !important;
}
.view4k
    .accionesBx.notificacionesModal
    .tab-content
    .desktop-doors
    .first-group-columns
    .main-column,
.view4k
    .accionesBx.notificacionesModal
    .tab-content
    .desktop-doors
    .first-group-columns
    .side-button-column,
.view4k .accionesBx.notificacionesModal .list-table .main-column,
.view4k.operatorDesktop
    .accionesBx.notificacionesModal
    #main-table
    .standard-column {
    width: 330px;
}

.view4k .accionesBx.notificacionesModal #main-table .standard-column.caracter25{
    width: 100%;
}
.view4k .accionesBx.notificacionesModal #main-table .standard-column.caracter25[id-col="Name"]{
    width: 15%;
}

.view4k .accionesBx.notificacionesModal .tab-content .notifications i,
.view4k .accionesBx.notificacionesModal .tab-content .user-profile i,
.view4k .accionesBx.notificacionesModal .tab-content .apps-menu i {
    font-size: 26px;
    position: relative;
}

.view4k .accionesBx.notificacionesModal .ext-view-table-row {
    font-size: 22px;
}
.view4k .accionesBx.notificacionesModal .box {
    font-size: 22px;
}
.view4k .accionesBx.notificacionesModal .operatorDesktopComponent .btn-primary {
    padding: 7px 10px;
}
.view4k.operatorDesktop .accionesBx.notificacionesModal .caccArea .ficha-cacc,
.view4k.op_cctv_planim .accionesBx.notificacionesModal .caccArea .ficha-cacc {
    padding: 45px;
}
.view4k.operatorDesktop .accionesBx.notificacionesModal .caccArea .filtro-parte,
.view4k.op_cctv_planim .accionesBx.notificacionesModal .caccArea .filtro-parte,
#viewBx .accionesBx.notificacionesModal .linkFilterBx {
    min-height: 64px;
}

#viewBx
    .accionesBx.notificacionesModal
    .view4k.operatorDesktop
    .accionesBx.notificacionesModal
    .caccArea
    .ti-link,
.view4k.op_cctv_planim .accionesBx.notificacionesModal .caccArea .ti-link {
    bottom: 45px;
    right: 0;
}
.view4k.operatorDesktop
    .accionesBx.notificacionesModal
    .list-table
    .vista-ampliada {
    padding: 75px 0 45px;
}
.alarmaArea .formAlarmArea .buldFlooSectBx {
    background: none;
}
.view4k .accionesBx.notificacionesModal .table .nZonaSize {
    width: 380px;
}

.view4k.operatorDesktop .accionesBx.notificacionesModal .alarmaArea .btnTable {
    width: 500px;
}
.view4k.operatorDesktop
    .accionesBx.notificacionesModal
    .alarmaArea
    .vista-ampliada
    .mapa-localizar,
.view4k.op_cctv_planim
    .accionesBx.notificacionesModal
    .alarmaArea
    .vista-ampliada
    .mapa-localizar {
    margin: 5px 0 5px 25px;
    padding: 10px;
}
.view4k.operatorDesktop .cctvArea cctv-camera-extended .mapa-localizar,
.view4k.op_cctv_planim .cctvArea cctv-camera-extended .mapa-localizar {
    margin: 5px 0 5px 5px;
    padding: 10px;
}
.view4k.operatorDesktop .cctvArea .mapa-localizar,
.view4k.op_cctv_planim .cctvArea .mapa-localizar {
    margin: -30px 50px 20px auto;
    padding: 10px;
}
view4k .accionesBx.notificacionesModal .list-table .vista-ampliada .container{
    min-width: 1500px;
}
.view4k .accionesBx.notificacionesModal .list-table alerts-extended .container,
.view4k .accionesBx.notificacionesModal .list-table cctv-extended .container {
    width: 70vw !important;

}
.view4k .notificacionesModal .tooltip {
    font-size: 22px;
}
.view4k .accionesBx.notificacionesModal .first-group-columns .main-column {
    width: 750px;
}
.view4k .accionesBx.notificacionesModal #main-table-inner .first-group-columns,
.view4k
    .accionesBx.notificacionesModal
    .list-table
    .table-row
    .first-group-columns {
    width: 100%;
}
.view4k .accionesBx.notificacionesModal .operatorVisit .container.container98,
.view4k
    .accionesBx.notificacionesModal
    .new-item-page.visitArea
    .container.container98 {
    margin-left: auto;
    margin-right: auto;
}

.view4k.operatorDesktop .notificacionesBx notification-filter-selector{
    display: block;
    background: #000;
    padding: 25px 0 5px;
}

.view4k.operatorDesktop .notificacionesBx.notificacionesModal notification-filter-selector {
    display: block;
    background: #000;
    padding: 25px 0 35px 0;
}

.view4k.operatorDesktop .notificacionesBx .filter-date-input-container>.col-sm-6{
    width: 100%;
}
.view4k.operatorDesktop .notificacionesBx.notificacionesModal .filter-date-input-container>.col-sm-6{
    width: 50%;
}
.view4k.operatorDesktop .notificacionesBx.notificacionesModal notifications-main-container{
    display: block;
    background: #2c2f35
}

.view4k.operatorDesktop .notificacionesBx.notificacionesModal .linkFilterBx{
    padding-bottom: 35px;
}

.view4k.operatorDesktop
    .accionesBx.notificacionesModal
    #main-table
    .extended-view
    .standard-column.caracter25.userExtended {
    width: 100%;
}

/* .view4k.operatorDesktop .accionesBx.notificacionesModal .filterContainer {
    height: auto;
    padding: 25px 0 25px;
    background: #2c2f35;
    border-bottom: 1px solid white;
    border-top: 1px solid white;
} */

#viewBx
    .view4k
    .accionesBx.notificacionesModal
    .caccArea
    building-floor-sector-selector:not(.ng-hide)
    + #terminalCtrlr
    .list-container,
#viewBx
    .view4k
    .accionesBx.notificacionesModal
    .alarmaArea
    building-floor-filter-selector:not(.ng-hide)
    + #alertsCtrlr
    .list-container,
#viewBx
    .view4k
    .accionesBx.notificacionesModal
    .cctvArea
    cctv-filter-selector:not(.ng-hide)
    + #cctvCtrlr
    .list-container,
#viewBx
    .view4k
    .accionesBx.notificacionesModal
    .visitsArea
    operator-visits-filter-selector:not(.ng-hide)
    + .preregist
    + #visitsCtrlr
    .list-container,
#viewBx
    .view4k
    .accionesBx.notificacionesModal
    .visitsArea
    users-filter-selector
    + .userArea
    .list-container,
#viewBx
    .view4k
    .accionesBx.notificacionesModal
    .visitsArea
    users-other-sites-filter-selector
    + .userArea
    .list-container,
#viewBx
    .view4k
    .accionesBx.notificacionesModal
    .visitsArea
    users-filter-selector:not(.ng-hide)
    + .userArea
    .list-container {
    height: auto;
    overflow-x: hidden !important;
}

#viewBx
    .view4k
    .accionesBx.notificacionesModal
    .alarms-options
    .alarmaArea
    .list-container {
    height: auto;
    margin-top: 90px;
}

#viewBx .accionesBx.notificacionesModal #main-table-inner+.list-container,
.view4k.operatorDesktop .accionesBx.notificacionesModal  .new-item.visitArea .operatorVisit {
    min-height: 67vh;
}

#viewBx .view4k .accionesBx.notificacionesModal #main-table .viewPc .row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
#viewBx
    .view4k
    .accionesBx.notificacionesModal
    #main-table
    .viewPc
    .row
    > .col-md-12 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.view4k.operatorDesktop .btn-rounded {
    z-index: 2;
}
.view4k .accionesBx:not(.notificacionesModal) .btn-rounded.cerrar-filtro,
.view4k .notificacionesBx:not(.notificacionesModal) .btn-rounded.cerrar-filtro{
    right: 60px;
}

.view4k .header-popup>h3{
    color: #fff !important;
}

.view4k.operatorDesktop .btn-primary-dark,
.view4k .btn-primary-dark,
.view4k.operatorDesktop .save-report .btn-secondary-dark,
.view4k .btn-secondary-dark {
    border-color: #a0a0a0;
    color: #f7f7f7;
}

.view4k.operatorDesktop .white-bg .btn-primary-dark,
.view4k .white-bg .btn-primary-dark,
.view4k.operatorDesktop .save-report .white-bg .btn-secondary-dark,
.view4k .white-bg .btn-secondary-dark {
    border-color: #a0a0a0;
    color: #333 !important;
}

#viewBx
    .view4k
    .accionesBx.notificacionesModal
    #main-table
    users-extended
    access-profile-popup
    .fullpage-popup-header
    h2 {
    font-size: 26px;
}
#viewBx
    .view4k
    .accionesBx.notificacionesModal
    .container.fullpage-popup-content {
    background: #50555d;
}

.view4k.operatorDesktop .notificacionesModal .btn:not(class="btn-rounded"),
.view4k.operatorDesktop .notificacionesModal [class^="btn"]:not(class="btn-rounded") {
    display: inline-block;
    margin: 2.5px 7.5px;
    padding: 5px 15px !important;
    text-align: center;
}
.view4k.operatorDesktop .notificacionesModal .btn[disabled="disabled"],
.view4k.operatorDesktop .notificacionesModal [class^="btn"][disabled="disabled"] {
    cursor: not-allowed;
}
.view4k.operatorDesktop button.ev-point-print-button{
    min-width: auto;
}
/*MODALES OVERRIDE*/
.view4k.operatorDesktop .userArea .td-select-popup.asigProf {
    max-width: 1024px;
}

.view4k.operatorDesktop .group-management-popup,
.view4k.operatorDesktop .sites-management-popup {
    position: absolute;
    top: 185px !important;
    z-index: 10;
    display: block;
    max-width: 1200px;
    margin: 0 auto;
    background: #ffffff;
    font-size: 26px;
    transition: all 0.5s ease-in-out;
}

#main-table select-cctv-camera-with-show general-video-show-popup .fa.fa-spinner.fa-pulse,
#main-table cctv-row cctv-extended cctv-camera-list general-video-show-popup .fa.fa-spinner.fa-pulse,
#main-table .notificacionesVerCamara .grande .group-management-content .fa.fa-spinner.fa-pulse,
.view4k notifications-list general-video-show-popup .fa.fa-spinner.fa-pulse {
    display: block;
    margin: 15px auto;
}
.view4k .error-img {
    height: auto !important;
    padding: 30px !important;
}

#main-table select-cctv-camera-with-show general-video-show-popup .fa.fa-spinner.fa-pulse,
#main-table
    cctv-row
    cctv-extended
    cctv-camera-list
    general-video-show-popup
    .fa.fa-spinner.fa-pulse {
    display: block;
    margin: 15px auto;
}
.view4k.operatorDesktop expiration-date-selector .td-popup-header,
.view4k.operatorDesktop expiration-date-selector .td-select-popup,
.view4k.operatorDesktop expiration-date-selector .td-popup-content {
    width: 768px !important;
    max-width: 768px;
}

.view4k.operatorDesktop expiration-date-selector .td-popup-datepicker {
    max-width: 600px;
}

#main-table expiration-date-selector > div > div > div.td-popup-header{
    display: flex;
}
circle.alarm{
    cursor: pointer;
}

/* op_cctv_planim */
.view4k.op_cctv_planim .accionesBx .tab-content .tab-pane.visitsArea{
    height: 655px;
}
.view4k.op_cctv_planim  .visitArea .add-visits-container .add-visits-form {
    padding-bottom: 150px;
}
.view4k.op_cctv_planim #visitsCtrlr .standard-column{
    width: 290px;
}
.view4k.op_cctv_planim #visitsCtrlr .standard-column.columna-visita-fecha {
    width: 250px;
}
.view4k.op_cctv_planim #visitsCtrlr .standard-column.standard-column-centered {
    width: 200px;
}

#viewBx .view4k.op_cctv_planim .accionesBx .userArea .list-container {
    height: 352px;
}

#viewBx .view4k.op_cctv_planim .accionesBx .visitArea .list-container {
    height: 445px;
}

.view4k.op_cctv_planim .list-table .first-group-columns ul:first-child{
    width: auto;
}
.view4k.op_cctv_planim .userArea .standard-column.surnameWidth{
    width: 385px;
}
.view4k.op_cctv_planim .userArea .standard-column {
    width: 325px;
}
.view4k.op_cctv_planim .userArea users-other-sites-list .standard-column {
    width: 275px;
}

.view4k.op_cctv_planim .accionesBx .tab-content .tab-pane.op2NewVisit{
    overflow-y: auto;
}

.view4k.op_cctv_planim .btn-dropdown-filter .flex-btn-helper .ti-angle-down,
.view4k.op_cctv_planim .btn-dropdown-filter .flex-btn-helper .ti-angle-up {
    top: 0;
    color: #fff;
}
.view4k.op_cctv_planim .notificacionesBx .list-container {
    margin-bottom: 300px;
}
.view4k.op_cctv_planim .table-row.selected-row.opened .notify-separator li.ver-detalle,
.view4k.op_cctv_planim .table-row.selected-row.opened .notify-separator li.ignorar{
    display: none;
}
.view4k.op_cctv_planim .save-report .monitoringPopup{
    width: 95% !important;
}
.view4k.op_cctv_planim .save-report .monitoringPopup .standard-column{
    width: 95% !important;
}

.view4k.op_cctv_planim #visitsCtrlr .monitoringPopup related-or-object-data-image.object-data-image i{
    position: relative;
    top: 6px;
}
.object-data-image{
    padding: 0 5px;
}
.view4k.operatorDesktop users-extended-credential-row .object-data-image{
    width: 50%
  }

/*op-desktop-cctv-visits*/
.view4k.op_cctv_planim .accionesBx .tab-content .desktop-doors{
    overflow-x: hidden;
}

.view4k.operatorDesktop #visitsCtrlr > operator-visits-list > div.list-table-wrapper{
    height: calc(100vh - 520px) !important;
}
#op-desktop-cctv-visits #visitsCtrlr > operator-visits-list > div.list-table-wrapper{
    height: calc(100vh - 770px) !important;
    margin-top: 0px;
}
#op-desktop-cctv-visits #visitsCtrlr > operator-visits-list > div.list-table-wrapper #main-table #main-table-inner{
    position: initial !important;
    margin-top: 0px;
}
#op-desktop-cctv-visits #visitsCtrlr > operator-visits-list > div.list-table-wrapper #main-table #main-table-inner + .list-container{
    margin-top: 0;
}
#op-desktop-cctv-cacc .r50.h100 users-complete-component  users-main-container  users-list .list-table-wrapper,
#op-desktop-cctv-visits .r50.h100 users-complete-component  users-main-container  users-list .list-table-wrapper{
    height: calc(100vh - 825px) !important;
}
#op-desktop-cctv-cacc .list-table .selected-row{
    background: #484b5a !important;
}
/*op-desktop-cctv-visits*/
#op-desktop-cctv-cacc .ccacBx,
#op-desktop-cctv-visits .visitsBx,
#op-desktop-cctv-visits .usersOtherSitesBx,
#op-desktop-cctv-visits .capacityReportBx{
    position: unset;
}

#op-desktop-cctv-visits .monitoringPopup related-or-object-data-image.object-data-image i{
    position: relative;
    top: 6px;
}

#op-desktop-cctv-cacc .td-popup-header,
#op-desktop-cctv-visits .td-popup-header{
    position: absolute;
    top: 0;
    margin: 0;
    width: 100%;
}

#op-desktop-cctv-cacc .buttons-zone button,
#op-desktop-cctv-visits .buttons-zone button{
    font-size: 16px !important;
}
#op-desktop-cctv-cacc .parkingA.doorsArea .opcionesArea .row,
#op-desktop-cctv-visits .parkingA.doorsArea .opcionesArea .row{
    height: fit-content;
}


#op-desktop-cctv-cacc .td-popup-header .save-report span:not(.door-name),
#op-desktop-cctv-visits .td-popup-header .save-report span:not(.door-name){
    color: #333;
}
.view4k.op_cctv_planim .save-report .monitoringPopup,
#op-desktop-cctv-cacc .backUp-popup.monitoringPopup,
#op-desktop-cctv-visits users-popup .save-report .monitoringPopup{
    width: 95% !important;
}

#op-desktop-cctv-cacc .global-actions-user-options .btn-primary-dark,
#op-desktop-cctv-visits .global-actions-user-options .btn-primary-dark {
    border-color: #e4e4e4;
    color: #f7f7f7 !important;
}

#op-desktop-cctv-visits .view4k .container.container98 .add-visits-container .btn-primary-dark,
#op-desktop-cctv-visits .view4k .btn-primary-dark,
#op-desktop-cctv-visits .view4k log-entry-camera-buttons .btn-primary-dark{
    color: #fff !important;
}
#op-desktop-cctv-cacc .templates-sites-toolbar .btn-primary-dark{
    color: #fff !important;
    border-color: #fff;
}
#op-desktop-cctv-cacc users-popup .flex row-dropdown-input,
#op-desktop-cctv-visits users-popup .flex row-dropdown-input{
    width: 90%
}
#op-desktop-cctv-cacc .save-report .monitoringPopup,
#op-desktop-cctv-visits .save-report .monitoringPopup {
    width: 1875px;
}
#op-desktop-cctv-cacc users-popup .flex row-dropdown-input + related-or-object-data-image,
#op-desktop-cctv-visits users-popup .flex row-dropdown-input + related-or-object-data-image{
    width: 100%;
}
#op-desktop-cctv-cacc .save-report .monitoringPopup span.ti-email,
#op-desktop-cctv-visits .save-report .monitoringPopup span.ti-email{
    color: #333 !important;
}
#op-desktop-cctv-visits .r100{
    width: 100%;
}

#op-desktop-cctv-cacc .r100{
    width: 100%;
}

#op-desktop-cctv-visits .popGeneric .group-management-popup{
    top: 50px;
    width: 80%;
}

#op-desktop-cctv-cacc .popGeneric .group-management-popup{
    top: 150px;
    width: 80%;
}
#op-desktop-cctv-cacc .popGeneric .group-management-popup .two-options-switch span{
    color: #333 !important;
}
/* #op-desktop-cctv-cacc .detail-view-access-profile .group-detail-inner,
#op-desktop-cctv-cacc .gray-bg h3,
#op-desktop-cctv-visits .detail-view-access-profile .group-detail-inner,
#op-desktop-cctv-cacc .gray-bg h3{
    color: #fff !important;
} */

#op-desktop-cctv-cacc .group-management-popup .detail-view-assigned-groups-container,
#op-desktop-cctv-visits .group-management-popup .detail-view-assigned-groups-container{
    width: 100%;
}
#op-desktop-cctv-cacc .extended-view,
#op-desktop-cctv-visits .extended-view {
    height: 165px;
}
#op-desktop-cctv-cacc .extended-view .first-group-columns,
#op-desktop-cctv-visits .extended-view .first-group-columns {
    font-size: 22px !important;
}
#op-desktop-cctv-cacc .monitorizacionBx operator-desktop-monitoring label,
#op-desktop-cctv-visits .monitorizacionBx operator-desktop-monitoring label{
    display: block;
    white-space: normal;
}
#op-desktop-cctv-cacc operator-desktop-monitoring .option-group-date-time-item,
#op-desktop-cctv-visits operator-desktop-monitoring .option-group-date-time-item{
    color: #FFF;
}

#op-desktop-cctv-cacc .save-report .monitoringPopup .movements-container p,
#op-desktop-cctv-cacc .save-report .monitoringPopup .movements-container span,
#op-desktop-cctv-visits .save-report .monitoringPopup .movements-container p,
#op-desktop-cctv-visits .save-report .monitoringPopup .movements-container span {
    color: #333 !important;
}

#op-desktop-cctv-cacc .doorsArea.ascensorA .simulateTitle,
#op-desktop-cctv-visits .doorsArea.ascensorA .simulateTitle{
    padding: 10px 15px;
    height: 50px;
    margin: 0;
    background-color: #1976d3;
}
#op-desktop-cctv-cacc .save-report .monitoringPopup door-extended-lift-detail .simulateTitle span,
#op-desktop-cctv-visits .save-report .monitoringPopup door-extended-lift-detail .simulateTitle span{
    color: #FFF !important;
}

#op-desktop-cctv-cacc .sduMioPop .col-sm-3,
#op-desktop-cctv-visits .sduMioPop .col-sm-3,
#op-desktop-cctv-cacc .sduMioPop .col-sm-9,
#op-desktop-cctv-visits .sduMioPop .col-sm-9{
    width:100%;
}

#op-desktop-cctv-cacc .sduMioPop .ctrlRead,
#op-desktop-cctv-visits .sduMioPop .ctrlRead{
    margin-left: auto;
    margin-right: auto;
}

#op-desktop-cctv-cacc .profile-icons div{
    padding: 0;
}


/* VISITS MAIN CONTAINER */
#visitsMainContainer operator-desktop-monitoring .global-actions-user-options .btn-primary-dark{
    color: #000 !important;
}
#visitsMainContainer operator-desktop-monitoring .monitorizacionBx users-popup operator-visits-edit-user-extended .btn-primary-dark{
    color: #000 !important;
}

#viewBx #visitsMainContainer users-popup operator-visits-edit-user-extended.td-popup-header h3.item-subtitle  {
    position: relative;
    top: 2px;
    line-height: 24px;
    color: #fff;
}
#viewBx #visitsMainContainer users-popup operator-visits-edit-user-extended .add-visits-container h3 + .bullet-primary{
    margin-top: 23px !important
}
#viewBx #visitsMainContainer operator-visits-edit-user-extended .add-visits-container h3{
    padding-left: 0
}
#visitsMainContainer users-popup operator-visits-edit-user-extended .add-visits-container .no-hz-margin{
    background: #fff;
}
#visitsMainContainer users-popup operator-visits-edit-user-extended .add-visits-container .no-hz-margin:last-child{
    background: #e3e5e6;
}
#visitsMainContainer users-popup operator-visits-edit-user-extended .add-visits-container .enrolar.no-hz-margin{
    background: none;
}
#visitsMainContainer users-popup operator-visits-edit-user-extended .add-visits-container .no-hz-margin .opcCaducidadBx h3{
    color: #000;
    padding-left: 0;
    background:  #e3e5e6
}
#visitsMainContainer operator-desktop-monitoring .option-group-date-time{
    color: #000;
}
#visitsMainContainer users-popup operator-visits-edit-user-extended  .global-actions-box{
    margin-bottom: 0;
}
.view4k .detail-view-assigned-groups-container .detail-view-header h3{
    color: #000;
}
.view4k .group-management-popup .group-management-content access-groups-doors-list span,
.view4k .group-management-popup .group-management-content access-groups-doors-list li,
.view4k .group-management-popup .group-management-content access-groups-offline-doors-list span,
.view4k .group-management-popup .group-management-content access-groups-offline-doors-list li{
    color: #fff;
}

.view4k.op_cctv_planim .posR .popover.right,
.view4k.operatorDesktop .posR .popover.right,
.view4k#op-desktop-cctv-visits .posR .popover.right,
.view4k#op-desktop-cctv-cacc .posR .popover.right{
    width: 250px;
}

.view4k.op_cctv_planim .list-table-wrapper #main-table.list-table{
    min-width: auto !important;
}

.view4k.op_cctv_planim .posR .popover.right .popover-table tr td,
.view4k.operatorDesktop .posR .popover.right .popover-table tr td,
.view4k#op-desktop-cctv-visits .posR .popover.right .popover-table tr td,
.view4k#op-desktop-cctv-cacc .posR .popover.right .popover-table tr td{
    color: #333;
    font-size: 1.25em;
}


/* VISITS MAIN CONTAINER */

/*CACC + VISITS*/
#viewBx .view1k.op_ccac_visits #main-table #main-table-inner {
    margin-top: 0px;
}

#viewBx .view1k.op_ccac_visits .capacityReportBx #main-table #main-table-inner {
    margin-top: -40px;
}

#viewBx .view1k.op_ccac_visits users-popup .td-popup-header h3 {
    position: relative;
    top: 2px;
    margin-left: 15px;
    line-height: 24px;
    color: #fff;
}
#viewBx .view1k.op_ccac_visits users-popup .global-actions-user-options.prevent-text-overflow{
    padding: 15px 15px 20px;
}
#viewBx .view1k.op_ccac_visits users-popup .global-actions-user-options.prevent-text-overflow span{
    padding-top: 0 !important;
}
#viewBx .view1k.op_ccac_visits operator-desktop-monitoring .global-actions-user-options .btn-primary-dark{
    color: #333 !important
}
#viewBx .view1k.op_ccac_visits users-popup operator-visits-edit-user-extended .add-visits-container .no-hz-margin .opcCaducidadBx h3{
    color: inherit;
}
#viewBx .view1k.op_ccac_visits operator-desktop-monitoring .monitorizacionBx users-popup operator-visits-edit-user-extended .btn-primary-dark,
#viewBx .view1k.op_ccac_visits operator-desktop-monitoring .monitorizacionBx .view-host-container>.btn-primary-dark{
    color: #333 !important;
}
#viewBx .view1k.op_ccac_visits users-popup operator-visits-edit-user-extended div.row.enrolar.no-hz-margin .global-actions-box.row{
    background: #e3e5e6
}
#viewBx .view1k.op_ccac_visits operator-desktop-monitoring .option-group-date-time{
    color: inherit;
}
#viewBx .view1k.op_ccac_visits .enrolar h3 + .bullet-primary{
    margin-top: 20px !important
}
#viewBx .view1k.op_ccac_visits users-popup operator-visits-edit-user-extended .add-visits-container .no-hz-margin{
    background: #fff;
}
#viewBx .view1k.op_ccac_visits .flex .ev-point-print-button{
    min-width: 0;
    padding-top: 0;
    width: 350px;
    margin: 0 0 0 25px !important;
}
#viewBx .view1k.op_ccac_visits .backUp-popup .opcCaducidadBx h3{
    padding-left: 0;
}

#viewBx .view1k.op_ccac_visits .backUp-popup h3{
    padding-left: 0;
}

#viewBx .view1k.op_ccac_visits  users-popup operator-visits-edit-user-extended .add-visits-container .no-hz-margin:last-child{
    background: #e3e5e6;
}
#viewBx .view1k.op_ccac_visits users-popup operator-visits-edit-user-extended .add-visits-container .enrolar.no-hz-margin{
    background: none;
}

#viewBx .view1k.op_ccac_visits monitoring-controller-popup .save-report{
    z-index: 2050;
}
/*CACC + VISITS*/

/*CCTV+VISITS -- COMMAND*/
#viewBx .view4k.operatorDesktop users-popup operator-visits-edit-user-extended .add-visits-container .no-hz-margin,
#viewBx #op-desktop-cctv-visits users-popup operator-visits-edit-user-extended .add-visits-container .no-hz-margin,
#viewBx #op-desktop-cctv-cacc users-popup operator-visits-edit-user-extended .add-visits-container .no-hz-margin{
    background: #2c2f35;
}

.view4k #visitsCtrlr operator-visit-host-edit h3,
.view4k#op-desktop-cctv-visits operator-visit-host-edit .monitoringPopup h3{
    color: #fff;
}


#viewBx #op-desktop-cctv-cacc .padding-left-desktop h3,
#viewBx #op-desktop-cctv-visits operator-visit-host-edit .padding-left-desktop h3{
    color: #000;
}

#viewBx #op-desktop-cctv-visits .padding-right-desktop h3,
#viewBx #op-desktop-cctv-cacc .backUp-popup .padding-right-desktop h3,
#viewBx .view4k.operatorDesktop .backUp-popup .padding-right-desktop h3{
    color: #fff;
}
.view4k #visitsCtrlr operator-visit-host-edit .backUp-popup .group-management-popup-doors h3{
    color: #000;
}

#viewBx .view4k .backUp-popup h3 row-two-options-check-input span{
    color: #000 !important;
}

#viewBx .view4k.operatorDesktop .backUp-popup h3,
#viewBx #op-desktop-cctv-visits .backUp-popup h3{
    padding-left: 0;
}

#viewBx #op-desktop-cctv-visits users-popup operator-visits-edit-user-extended .add-visits-container .no-hz-margin:last-child,
#viewBx #op-desktop-cctv-cacc users-popup operator-visits-edit-user-extended .add-visits-container .no-hz-margin:last-child{
    background: #ccc;
}

#viewBx #op-desktop-cctv-visits users-popup operator-visits-edit-user-extended .add-visits-container .enrolar.no-hz-margin,
#viewBx #op-desktop-cctv-cacc users-popup operator-visits-edit-user-extended .add-visits-container .enrolar.no-hz-margin{
    background: #ccc;
}
.global-actions-user-options.view-host-container{
    min-height: 0 !important;
}

#viewBx operator-visits-edit-user-extended .add-visits-container .no-hz-margin .opcCaducidadBx{
    width: 100%;
    margin-bottom: 25px;
}
#viewBx .operatorDesktop operator-visits-edit-user-extended .add-visits-container .no-hz-margin:last-child{
    background: #50555d;
}
#viewBx #op-desktop-cctv-cacc operator-visits-edit-user-extended .add-visits-container .no-hz-margin .opcCaducidadBx{
    background: #ccc;
}
#viewBx #op-desktop-cctv-cacc operator-visits-edit-user-extended .add-visits-container .no-hz-margin .opcCaducidadBx h3{
    color: #333;
}

#viewBx #op-desktop-cctv-cacc operator-visits-edit-user-extended .add-visits-container .enrolar.no-hz-margin,
#viewBx #op-desktop-cctv-visits operator-visits-edit-user-extended .add-visits-container .enrolar.no-hz-margin,
#viewBx #op-desktop-cctv-visits operator-visits-edit-user-extended .add-visits-container .no-hz-margin .opcCaducidadBx,
#viewBx .op_cctv_planim operator-visits-edit-user-extended .add-visits-container .enrolar.no-hz-margin,
#viewBx .op_cctv_planim operator-visits-edit-user-extended .add-visits-container .no-hz-margin .opcCaducidadBx,
#viewBx .operatorDesktop operator-visits-edit-user-extended .add-visits-container .enrolar.no-hz-margin,
#viewBx .operatorDesktop operator-visits-edit-user-extended .add-visits-container .no-hz-margin .opcCaducidadBx{
    background: #50555d;
}

#viewBx #op-desktop-cctv-cacc .enrolment-popup-swipe-image-container,
#viewBx #op-desktop-cctv-visits .enrolment-popup-swipe-image-container,
#viewBx .op_cctv_planim .enrolment-popup-swipe-image-container,
#viewBx .operatorDesktop .enrolment-popup-swipe-image-container{
    background: #50555d;
}

#viewBx #op-desktop-cctv-cacc .enrolment-popup-status,
#viewBx #op-desktop-cctv-visits .enrolment-popup-status,
#viewBx .op_cctv_planim .enrolment-popup-status,
#viewBx .operatorDesktop .enrolment-popup-status{
    background: white;
}



#viewBx .op_cctv_planim operator-visit-host-edit .view-host-container,
#viewBx .operatorDesktop operator-visit-host-edit .view-host-container{
    position: relative;
    top: 20px;
}
#viewBx #op-desktop-cctv-cacc operator-visit-host-edit button > i.ti-eye,
#viewBx #op-desktop-cctv-visits operator-visit-host-edit button > i.ti-eye,
#viewBx .op_cctv_planim operator-visit-host-edit button > i.ti-eye,
#viewBx .operatorDesktop operator-visit-host-edit button > i.ti-eye{
    color: #fff;
}


.view4k.operatorDesktop table.enroll-table,
.view4k.op_cctv_planim table.enroll-table,
.view4k#op-desktop-cctv-cacc table.enroll-table,
.view4k#op-desktop-cctv-visits table.enroll-table  {
    background: white;
    color: #a0a0a0;
}
.view4k.operatorDesktop table.enroll-table th,
.view4k.op_cctv_planim table.enroll-table th,
.view4k#op-desktop-cctv-cacc table.enroll-table th,
.view4k#op-desktop-cctv-visits table.enroll-table th{
    background: #0c76d3;
    color: white;
    font-weight: 400;
}

.view4k.operatorDesktop table.enroll-table .btn-primary.btn-primary-dark.btn-primary-slim,
.view4k.op_cctv_planim table.enroll-table .btn-primary.btn-primary-dark.btn-primary-slim,
.view4k#op-desktop-cctv-cacc table.enroll-table .btn-primary.btn-primary-dark.btn-primary-slim,
.view4k#op-desktop-cctv-visits table.enroll-table .btn-primary.btn-primary-dark.btn-primary-slim {
    color: #a0a0a0 !important
}



#viewBx users-popup operator-visits-edit-user-extended .add-visits-container .no-hz-margin .opcCaducidadBx{
    width: 100%;
    margin-bottom: 25px;
}
#viewBx .operatorDesktop users-popup operator-visits-edit-user-extended .add-visits-container .no-hz-margin:last-child{
    background: #ccc;
}
#viewBx .operatorDesktop users-popup operator-visits-edit-user-extended .add-visits-container .enrolar.no-hz-margin{
    background: #ccc;
}
#viewBx .operatorDesktop users-popup operator-visits-edit-user-extended .add-visits-container .no-hz-margin .opcCaducidadBx{
    background: #ccc;
}
#viewBx .operatorDesktop users-popup operator-visit-host-edit .view-host-container{
    top: 0;
}
#viewBx .operatorDesktop users-popup operator-visit-host-edit button > i.ti-eye{
    color: #fff;
}
/*CCTV+VISITS -- COMMAND*/



/*SCROLLBARS Personalizadas*/
/* width */
.view4k.operatorDesktop ::-webkit-scrollbar,
.view4k.op_cctv_planim ::-webkit-scrollbar,
#op-desktop-cctv-visits ::-webkit-scrollbar,
#op-desktop-cctv-cacc ::-webkit-scrollbar,
.view1k.op_ccac_visits ::-webkit-scrollbar,
.dropToPlaneBx ::-webkit-scrollbar{
    width: 10px;
    height: 10px;
}

/* Track */
.view4k.operatorDesktop ::-webkit-scrollbar-track,
.view4k.op_cctv_planim ::-webkit-scrollbar-track,
#op-desktop-cctv-visits ::-webkit-scrollbar-track,
#op-desktop-cctv-cacc ::-webkit-scrollbar-track,
.view1k.op_ccac_visits ::-webkit-scrollbar-track,
.dropToPlaneBx::-webkit-scrollbar-track{
    box-shadow: inset 0 0 10px grey;
    border-radius: 30px;
}

/* Handle */
.view4k.operatorDesktop ::-webkit-scrollbar-thumb,
.view4k.op_cctv_planim ::-webkit-scrollbar-thumb,
#op-desktop-cctv-visits ::-webkit-scrollbar-thumb,
#op-desktop-cctv-cacc ::-webkit-scrollbar-thumb,
.view1k.op_ccac_visits ::-webkit-scrollbar-thumb,
.dropToPlaneBx ::-webkit-scrollbar-thumb{
    background: white;
    border-radius: 10px;
}

/* Handle on hover */
.view4k.operatorDesktop ::-webkit-scrollbar-thumb:hover,
.view4k.op_cctv_planim ::-webkit-scrollbar-thumb:hover,
#op-desktop-cctv-visits ::-webkit-scrollbar-thumb:hover,
#op-desktop-cctv-cacc ::-webkit-scrollbar-thumb:hover,
.view1k.op_ccac_visits ::-webkit-scrollbar-thumb:hover,
.dropToPlaneBx ::-webkit-scrollbar-thumb:hover{
    background: #1976d2;
}



report-printer table{
    background: white;
}

.view4k .accionesBx report-printer table th.borderBlueExtra span{
    font-size: 15px;
}
@media print{
    .view4k .reportPrint h1 {
        font-size: 48px;
    }

    .view4k .reportPrint h2 {
        font-size: 30px;
        font-weight: normal;
        color: #0D76D3 !important;
    }

    .view4k.operatorDesktop .accionesBx.notificacionesModal .td-popup-header{
        display: none;
    }

    .view4k.operatorDesktop  .accionesBx,
    .view4k.operatorDesktop  .accionesBx.notificacionesModal{
        position: relative !important;
        width: 100%;
    }

    .view4k operator-desktop-actions .tab-content{
        width: 100%;
        height: auto !important;
    }
    .view4k operator-desktop-actions .tab-content .tab-pane{
        height: 100%;
        overflow-y: visible;
        overflow-x: visible;
    }
    .view4k .accionesBx report-printer table th:first-child{
        width: 5%;
    }

    .view4k .accionesBx report-printer table th.borderBlueExtra span{
        font-size: 34px !important;
    }
    .view4k .accionesBx report-printer table tr td{
        font-size:30px;
        color: #333 !important;
    }

    *{
        float: none !important;
        -webkit-transition: none !important;
        transition: none !important;
        overflow: visible !important;
    }
    @page {
        size: A4 landscape;
        margin: 5mm
    }
}
.view4k notification-settings-filter-selector {
    padding-bottom: 35px;
}

.group-management-popup-active,
.sites-management-popup-active {
    top: 50px;
}

.view4k .save-report door-extended-parking .prevent-text-overflow span,
.view4k .save-report door-extended-parking .flex-btn-helper,
.view4k .save-report door-extended-parking .flex-btn-helper span,
.view4k .save-report door-extended-parking .barrerasArea label,
.view4k .save-report door-extended-parking .opcionesArea label,
.view4k .save-report door-extended-parking .apbArea label,
.view4k .save-report .monitoringPopup door-extended-parking .doors-programation-bullet label,
.view4k .save-report .monitoringPopup door-extended-parking .programacionArea label,
.view4k .save-report .monitoringPopup door-extended-parking .camarasArea label,
.view4k .save-report .monitoringPopup door-extended-parking .programacionArea .btnLink p,
.view4k .save-report door-extended-parking .nivelSegBx p,

.view4k .save-report .monitoringPopup .sduMioPop label,
.view4k .save-report .monitoringPopup .whiteBx p,
.view4k .save-report .monitoringPopup .bxEntradaBund p,
.view4k .save-report .monitoringPopup door-controller-popup p,
.view4k .save-report .monitoringPopup door-controller-popup span,
.view4k .save-report .monitoringPopup door-controller-popup label,

.view4k .save-report .monitoringPopup .group-management-content.error-img span,
.view4k .save-report .ext-view-table-header span:not(.door-name){
    color: #333 !important;
}

.view4k .save-report door-extended-parking .carrilBx h2 .prevent-text-overflow span,
.view4k .save-report .box.ctrlRead .txtCtrl p,
.view4k .save-report .centerBx .box .txtCtrl p{
    color: #fff !important;
}


.view4k .save-report .doorsArea.tornosA  span,
.view4k .save-report .doorsArea.tornosA  label,
.view4k .save-report .doorsArea.tornosA  p{
    color: #333 !important;
}


operator-visit-host-edit .box.userSearchInput{
    padding: 3px;
}
operator-visit-host-edit button>i.ti-eye{
    color: #333;
}
operator-visits-edit-user-extended  .btn-primary-dark{
    display:block;
    white-space: normal;
    color: #333 !important;
}

#viewBx users-popup operator-visits-edit-user-extended .add-visits-container .no-hz-margin:last-child{
    background: #e3e5e6;
}
#viewBx operator-visits-edit-user-extended .add-visits-container .enrolar.no-hz-margin{
    background: #e3e5e6;
}
#viewBx operator-visits-edit-user-extended .add-visits-container .no-hz-margin .opcCaducidadBx{
    width: 100%;
    margin-bottom: 25px;
    background: #e3e5e6;
}

.view4k.operatorDesktop .accionesBx:not(.notificacionesModal) .list-table .list-table-credentials .safariHack_table-cell span,
.view4k.operatorDesktop .accionesBx:not(.notificacionesModal) new-user-main-container .safariHack_table-cell span{
    font-size: 20.2px !important;
}

.view4k.operatorDesktop .templates-sites-toolbar {
    padding:15px;
  }

.userArea .td-select-popup.asigProf {
    max-width: 1200px !important;
}

.view4k.op_cctv_planim .areactrlRead .ctrlRead{
    float: none;
    color: #333;
}
.view4k.op_cctv_planim .areactrlRead .ctrlRead .dispIcon{
    display: block;
    background: white;
}

.view4k.op_cctv_planim .accionesBx doors-popup .box {
    float: none;
    display: table;
    padding: 5px;
    background: #fff;
    color: #000;
}

.view4k.op_cctv_planim .accionesBx doors-popup .box i,
.view4k.op_cctv_planim .save-report .ctrlRead.box i {
    margin-left: auto;
    margin-right: auto;
}

.backUp-popup .userArea h3,
.backUp-popup .userArea .profile-icons {
    padding-left: 0;
}

.dropdown-menu-config-content {
    max-height: 60vh;
    overflow: auto;
}

.dropdown-menu-config-content::-webkit-scrollbar{
    width: 10px;
    height: 10px;
}

/* Track */
.dropdown-menu-config-content::-webkit-scrollbar-track{
    box-shadow: inset 0 0 10px #f1f1f1;
    border-radius: 30px;
}

/* Handle */
.dropdown-menu-config-content::-webkit-scrollbar-thumb{
    background: grey;
    border-radius: 10px;
}

/* Handle on hover */
.dropdown-menu-config-content::-webkit-scrollbar-thumb:hover{
    background: #1976d2;
}

/*** GRAFICAS***/
.highcharts-label.highcharts-tooltip>span table {
    margin-top: 10px;
}

.huge-tooltip .highcharts-label.highcharts-tooltip {
    margin-left: 20px;
}

.huge-tooltip .highcharts-label.highcharts-tooltip path {
    margin-left: 20px;
    visibility: hidden !important;
}

.huge-tooltip .highcharts-label.highcharts-tooltip>span {
    height: 250px;
    overflow: auto;
    border: #7cb5ec 1px solid;
    border-radius: 2px;
    padding: 10px;
    background-color: #f9f9f9e6;
    box-shadow: 2px 2px 3px 0px #00000040;
}

.highcharts-figure, .highcharts-data-table table {
    min-width: 310px;
    max-width: 800px;
    margin: 1em auto;
}

#container {
    height: 400px;
}

#realTimeDataBarChart {
    height: 500px;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #EBEBEB;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}
.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}
.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
    padding: 0.5em;
}
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}
.highcharts-data-table tr:hover {
    background: #f1f7ff;
}