/*==============================================================*/
/*==============================================================*/
/*INICIO NOTIFICACIONES RAUL*/
/*==============================================================*/
/*==============================================================*/

.list-table .notification-standard-column{
    padding: 0px 15px 0px 5px;
    display: flex;
    /*width: 210px;*/
}

.list-table .notification-main-column{
    padding: 0px 15px 0px 5px;
    display: flex;
    width: 780px;
}

.list-table .notification-main-column .ti-search {
    padding-left: 10px;
    font-size: 16px;
    display: inline-block;
    /*padding-top: 10px;*/
    margin: 6px 0 -6px;
}

.list-table .second-group-columns .notification-second-group-columns {
    vertical-align: middle;
    /*padding: 5px 5px 5px 10px;*/
    padding-right: 10px;
    align-items: center;
}

.list-table .table-header .second-group-columns .report-more-options-item p {
    padding: 4px 10px;
    margin: 4px;
}

.list-table .table-header .second-group-columns ul.report-more-options-child-list {
    padding-left: 15px;
}

/*.notify-btn-primary {
  padding: 5px 15px 5px 15px;
  margin: 15px 0px 15px 0px;
}*/

.notify-btn-primary {
    padding: 5px 15px 5px 15px;
    margin: 15px 0px 15px 0px;
    font-size: 2em;
    color: black;
    border: 0px;
    background-color: transparent;
}

.notify-btn-primary:hover {
    color: #0097f6;
}


.notify-separator {
    width: 0px;
}

.login-form-row.searching {
    color: white;
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 0px;
}
.login-form-row.searching .fa {
    margin-left: 10px;
}

.pre-login-form-row.searching {
    justify-content: center;
    font-size: small;
    margin-bottom: 0px;
}

.pre-login-form-row.searching .fa {
    margin-left: 10px;
}

/*==============================================================*/
/*==============================================================*/
/* FIN NOTIFICACIONES RAUL*/
/*==============================================================*/
/*==============================================================*/



/*==============================================================*/
/*==============================================================*/
/*INICIO OPERATORCOMMAND RAUL*/
/*==============================================================*/
/*==============================================================*/

.list-table .notification-standard-column{
    padding: 0px 15px 0px 5px;
    display: flex;
    width: 210px;
    position: relative;
}

.list-table .notification-main-column{
    padding: 0px 50px 0px 5px;
    display: flex;
    width: 650px;
    position: relative;
}

.list-table .notification-status,
.list-table .notification-camera-column {
    width: 110px;
}

.list-table .second-group-columns .notification-second-group-columns {
    vertical-align: middle;
    padding-right: 10px;
    align-items: center;
}

.notification-standard-column-righted .fa {
    margin-right: 5px;
    width: 22px;
}

.notification-standard-column-righted .fa.red {
    color: #EB1E2D;
}

.notification-standard-column-righted .fa.blue {
    color: #0e579f;
}

.notification-standard-column-righted .fa.green {
    color: #00c82b;
}

.notification-standard-column-righted .fa.note {
    margin:3px 0 0 15px;
    color: darkgoldenrod;
}
.view4k .notification-standard-column-righted .fa.note{
    margin:0px 0 0 15px;
    color: #ffe196;
}

/*** Cambios calimero 3338 **** jnovella ***/
.notification-main-column .notificacion-mute, 
.notification-main-column .notificacion-no-mute, 
.notification-standard-column .notificacion-camera, 
.notification-standard-column .notificacion-no-camera {
    cursor: pointer;
    width: 32px;
    height: 22px;
}
.notification-main-column .notificacion-mute,
.notification-main-column .notificacion-no-mute {
    position: absolute;
    right: 30px;
    top: 0;
    background: center url(img/sound-off.png) no-repeat;
    height: 100%;
}
.notification-main-column .notificacion-no-mute {
    background-image: url(img/sound-on.png);
}
.notification-standard-column .notificacion-camera, 
.notification-standard-column .notificacion-no-camera {
    margin-left: 0;
}
.notification-standard-column .notificacion-camera {
    background: center url(img/cam-on.png) no-repeat;
}
.notification-standard-column .notificacion-no-camera {
    background: center url(img/cam-off.png) no-repeat;
    cursor: auto;
}
.notification-standard-column .notificacion-nota {
    width: 110px;
}
.notification-standard-column .notificacion-estado {
    width: 310px;
}

/* si sólo tiene texto "sin iniciar" */
.notification-standard-column .fa-play:not(.ng-hide) + .fa-exclamation-triangle.ng-hide + .fa-check.ng-hide + .notificacion-estado,
.notification-standard-column .fa-play.ng-hide + .fa-exclamation-triangle:not(.ng-hide) + .fa-check.ng-hide + .notificacion-estado {
    width: 90px;
}

.notificacionesListadoCamaras .group-management-content {
    background-color: grey;
    padding: 0;
    clear: both;
    max-height: 300px;
    overflow-y: auto;
}
.notificacionesListadoCamaras .table {
    width: 100%;
    display: table;
    margin-bottom: 0;
}
.notificacionesListadoCamaras .table .tr {
    display: table-row;
}
.notificacionesListadoCamaras .table .td {
    display: table-cell;
    padding: 12px 8px;
    min-width: 80px;
    border-bottom: 1px solid #fff;
}
.notificacionesListadoCamaras .table .td:first-of-type {
    padding-left: 30px
}
.notificacionesListadoCamaras .table .tr:last-of-type .td {
    border-width: 0;
}
.notificacionesListadoCamaras .ti-control-play {
    cursor: pointer;
    border: 1px solid #666;
    border-radius: 50%;
    padding: 3px;
    background-color: rgba(255,255,255,0.8);
}

.notificacionesVerCamara .header-popup {height: auto; padding: 10px 20px;}
.notificacionesVerCamara .group-management-content {
    height: 400px;
    /*background-color: green;*/
    position: relative;
    clear: both;
    padding: 0;
}
.notificacionesVerCamara .video {height: calc(100% - 30px);}
.notificacionesVerCamara .controles {position: absolute; width: 100%; height: auto; bottom: 0; left: 0; background-color: #666; padding: 12px 16px;}
.notificacionesVerCamara .controles .tiempo {width: 75%; display: inline-block;}
.notificacionesVerCamara .controles .tiempo .fa {cursor: pointer; min-width: 16px;}

.notificacionesVerCamara .controles .porcentaje {display: inline-block; width: calc(100% - 60px); height: 4px; background-color: #999; vertical-align: top; margin: 8px 0 0 10px; position: relative;}
.notificacionesVerCamara .controles .porcentaje .derecha {position: absolute; right: 0; width: 100%; height: 100%; background-color: #333;}
.notificacionesVerCamara .controles .porcentaje .derecha .posicion {height: 12px; width: 4px; background-color: #333; position: absolute; left: 0; top: -4px; cursor: pointer;}

.notificacionesVerCamara .controles .resolucion {position: absolute; right: 0; bottom: 0; height: 100%;}
.notificacionesVerCamara .controles .resolucion select {background-color: transparent; border: none; color: #333; height: 100%; cursor: pointer; padding-right: 25px;
    -webkit-appearance: none; -moz-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #333 50%), linear-gradient(135deg, #333 50%, transparent 50%);
    background-position: calc(100% - 10px) 50%, calc(100% - 5px) 50%;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
}
.notificacionesVerCamara .controles .resolucion option {background-color: #999; border: 1px solid #fff; border-top-width: 0;}
.notificacionesVerCamara .controles .resolucion option:first-of-type {border-top-width: 1px;}

.notification-popup-content .cameraVideoShow {margin: 0; border: none;}
.notification-popup-content .cameraVideoShow .video {padding: 0;}


/* Sólo para pruebas */
/*
notifications-row:nth-child(2n) .notification-standard-column .notificacion-camera, notifications-row:nth-child(2n+1) .notification-standard-column .notificacion-no-camera,
notifications-row:nth-child(2n) .notification-main-column .notificacion-mute, notifications-row:nth-child(2n+1) .notification-main-column .notificacion-no-mute {display: none;}
*/




.notification-popup-content, 
.planimetria-popup-video {
    width: 30%;
    top: 200px;
    min-width: 450px;
}

.planimetria-popup-video.grande {
    min-width: 885px;
    width: 885px;
    top: 50px;
}

.planimetria-popup-video.grande .header-popup .header-title {
    flex: auto;
    padding-left: 20px;
}

.notificacionesVerCamara .grande .group-management-content {
    height: auto;
}


.notification-popup-content .subheader{
    background-color: grey;
    justify-content: center;
}

.notification-popup-content .notification-data{
    width: 90%;
}

.notification-popup-content .notification-field-info {
    text-transform: uppercase;
    padding: 0px 20px;
}

.view4k .notification-popup-content .notification-field-info {
    color: #2c2f35;
}

.planimetria-popup-video .i_cacc {
    font-size: 40px;
}

/**Para parpadear*/
.blink {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}



/*.notify-btn-primary {
  padding: 5px 15px 5px 15px;
  margin: 15px 0px 15px 0px;
}*/


.notify-separator {
    width: 0px;
}

.notify-ext-view-padding {
/* CALIMERO-2793 -------------------------------------    
    background-color: #CDCDCD;
------------------------------------------------------*/
    background-color: #F0F0F0;
    margin: 0px 0px;
}

.view4k .notify-btn-rounded
{
    /*padding: 5px 15px 5px 15px;
    margin: 15px 0px 15px 0px;
    font-size: 1em;
    color: black;
    border: 0px;
    background-color: transparent;*/
    margin: 0px;
}

.view4k .btn-rounded {
    font-size: 12px;
 /*   background: #fff; */
    border: 0;
    padding: 10px 10px;
    border-radius: 30px;
    width: 50px;
    height: 50px;
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    outline: none;
}
.view4k .btn-rounded.notify-btn-rounded{
    padding-top: 5px;
}
.view4k operator-desktop-door-extended .btn-rounded.notify-btn-rounded{
    padding-top: 10px;
}

.view4k .notify-protocol {
    background-color: white;
    color: black !important;
    padding: 1px;
}

hr.note-separator {
    margin-top: 2px;
    margin-bottom: 2px;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}

.view4k .notify-btn-primary {
    padding: 5px 15px 5px 15px;
    margin: 15px 0px 15px 0px;
    font-size: 2em;
    color: black;
    border: 0px;
    background-color: transparent;
}

.view4k .notify-btn-primary:hover {
    color: #0097f6;
}

.view4k .ti-info:before {
    font-family: "FontAwesome";
    content: "\f129";
}

.view4k .notify-table-header,
.view4k .table-header,
.view4k .table-header .first-group-columns >ul
{
    background-color: #68738B !important;
}

.view4k .selected-filter-bar {
    border-top: 0px;
}

.view4k .desktop-doors {
    overflow: auto;
    min-height: 680px;
    max-height: 680px;
}

.view4k .desktop-doors .back-button {
    position: relative;
    float: right;
    margin-top: -520px;
}

.view4k .desktop-doors .door-inner-row.col-sm-9,
.view4k .desktop-doors .door-inner-row.col-sm-3,
.view4k .desktop-doors .table-row-container {
    background-color: #F0F0F0;
}

.btn-dropdown-filter-container .dark-shadow {
  box-shadow: 3px 3px 10px rgb(0, 0, 0);
}
.scroll-list {
    max-height:250px;
    overflow-y:auto;
    overflow-x:hidden;  
}

   
/*.view4k .scrollbar {
    float: left;
    overflow-y: auto;
}


#style-2::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #aa0000;
}

#style-2::-webkit-scrollbar
{
    width: 12px;
    background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #D62929;
}*/

/*==============================================================*/
/*==============================================================*/
/* FIN OPERATORCOMMAND RAUL*/
/*==============================================================*/
/*==============================================================*/

.new-timetable-row .new-timetable-table .table-heading-tabs .disabled {
    cursor: auto;
}

.petition {
    text-align: center;
}

.petition .text {
    color: #777777;
    cursor: pointer;
    padding-top: 5px;
}

.petition .wait {
    padding-top: 5px;
}