/*******************
Notify Custom
*******************/
.notify .heartbit-white 
{
    position: absolute;
    top: -20px;
    right: -4px;
    height: 25px;
    width: 25px;
    z-index: 10;
    border: 5px solid #ffffff;
    border-radius: 70px;
    -moz-animation: heartbit 1s ease-out;
    -moz-animation-iteration-count: infinite;
    -o-animation: heartbit 1s ease-out;
    -o-animation-iteration-count: infinite;
    -webkit-animation: heartbit 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.notify .point-white 
{
    width: 6px;
    height: 6px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: #ffffff;
    position: absolute;
    right: 6px;
    top: -10px; 
}

@-moz-keyframes heartbit-white {
  0% { -moz-transform: scale(0); opacity: 0.0; }
  25% { -moz-transform: scale(0.1); opacity: 0.1; }
  50% { -moz-transform: scale(0.5); opacity: 0.3; }
  75% { -moz-transform: scale(0.8); opacity: 0.5; }
  100% { -moz-transform: scale(1); opacity: 0.0; } 
}

@-webkit-keyframes heartbit-white {
  0% { -webkit-transform: scale(0); opacity: 0.0; }
  25% { -webkit-transform: scale(0.1); opacity: 0.1; }
  50% { -webkit-transform: scale(0.5); opacity: 0.3; }
  75% { -webkit-transform: scale(0.8); opacity: 0.5; }
  100% { -webkit-transform: scale(1); opacity: 0.0; } 
}

.notify .heartbit-green 
{
    position: absolute;
    top: -20px;
    right: -4px;
    height: 25px;
    width: 25px;
    z-index: 10;
    border: 5px solid #5FCE63;
    border-radius: 70px;
    -moz-animation: heartbit 1s ease-out;
    -moz-animation-iteration-count: infinite;
    -o-animation: heartbit 1s ease-out;
    -o-animation-iteration-count: infinite;
    -webkit-animation: heartbit 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.notify .point-green 
{
    width: 6px;
    height: 6px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: #5FCE63;
    position: absolute;
    right: 6px;
    top: -10px; 
}

@-moz-keyframes heartbit-green {
  0% { -moz-transform: scale(0); opacity: 0.0; }
  25% { -moz-transform: scale(0.1); opacity: 0.1; }
  50% { -moz-transform: scale(0.5); opacity: 0.3; }
  75% { -moz-transform: scale(0.8); opacity: 0.5; }
  100% { -moz-transform: scale(1); opacity: 0.0; } 
}

@-webkit-keyframes heartbit-green {
  0% { -webkit-transform: scale(0); opacity: 0.0; }
  25% { -webkit-transform: scale(0.1); opacity: 0.1; }
  50% { -webkit-transform: scale(0.5); opacity: 0.3; }
  75% { -webkit-transform: scale(0.8); opacity: 0.5; }
  100% { -webkit-transform: scale(1); opacity: 0.0; } 
}

.notify .heartbit-red 
{
    position: absolute;
    top: -20px;
    right: -4px;
    height: 25px;
    width: 25px;
    z-index: 10;
    border: 5px solid #EF4B4F;
    border-radius: 70px;
    -moz-animation: heartbit 1s ease-out;
    -moz-animation-iteration-count: infinite;
    -o-animation: heartbit 1s ease-out;
    -o-animation-iteration-count: infinite;
    -webkit-animation: heartbit 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.notify .point-red 
{
    width: 6px;
    height: 6px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: #EF4B4F;
    position: absolute;
    right: 6px;
    top: -10px; 
}

@-moz-keyframes heartbit-red {
  0% {
    -moz-transform: scale(0);
    opacity: 0.0; }
  25% {
    -moz-transform: scale(0.1);
    opacity: 0.1; }
  50% {
    -moz-transform: scale(0.5);
    opacity: 0.3; }
  75% {
    -moz-transform: scale(0.8);
    opacity: 0.5; }
  100% {
    -moz-transform: scale(1);
    opacity: 0.0; } 
}

@-webkit-keyframes heartbit-red {
  0% {
    -webkit-transform: scale(0);
    opacity: 0.0; }
  25% {
    -webkit-transform: scale(0.1);
    opacity: 0.1; }
  50% {
    -webkit-transform: scale(0.5);
    opacity: 0.3; }
  75% {
    -webkit-transform: scale(0.8);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(1);
    opacity: 0.0; } 
}

/******************** Site Data Widgets Starts Here ********************/
.site-widget3 .sw3-header { padding: 10px; text-align: center; font-size: 30px; color: #ffffff; }
.site-widget3 .sw3-content { display: flex; text-align: center; }
.site-widget3 .sw3-content div { padding: 5px; }
.site-widget3 .sw3-content div h3 { margin-bottom: 0px; }

.site-box ul li .drop-title {
font-weight: 500;
padding: 11px 20px 15px;
border-bottom: 1px solid rgba(120, 130, 140, 0.13); }

.site-box ul li .nav-link {
border-top: 1px solid rgba(120, 130, 140, 0.13);
padding-top: 15px; }

.site-box .site-widget {
position: relative; }
.site-box .site-widget a {
border-bottom: 1px solid rgba(120, 130, 140, 0.13);
display: block;
text-decoration: none;
padding: 9px 15px; }
.site-box .site-widget a:hover {
background: #f2f7f8; }
.site-box .site-widget a:last-child {
border-bottom: 0px; }
.site-box .site-widget a div {
white-space: normal; }
.site-box .site-widget a .user-img {
width: 45px;
position: relative;
display: inline-block;
margin: 0 10px 15px 0; }
.site-box .site-widget a .user-img img {
width: 100%; }
.site-box .site-widget a .user-img .profile-status {
border: 2px solid #ffffff;
border-radius: 50%;
display: inline-block;
height: 10px;
left: 33px;
position: absolute;
top: -1px;
width: 10px; }
.site-box .site-widget a .user-img .online {
background: #55ce63; }
.site-box .site-widget a .user-img .busy {
background: #f62d51; }
.site-box .site-widget a .user-img .away {
background: #ffbc34; }
.site-box .site-widget a .user-img .offline {
background: #ffbc34; }
.site-box .site-widget a .sbw-content {
display: inline-block;
/*width: 75%;*/
vertical-align: middle; }
.site-box .site-widget a .sbw-content h5 {
margin: 5px 0px 0; }
.site-box .site-widget a .sbw-content .sbw-desc,
.site-box .site-widget a .sbw-content .time {
font-size: 12px;
display: block;
margin: 1px 0;
text-overflow: ellipsis;
overflow: hidden;
color: #54667a;
white-space: nowrap; }

/******************** Site Data Widgets Ends Here ********************/

@media (max-width: 767px)
{
    .login-register 
    {
        position: absolute;
        overflow: hidden;
    }
}

/******************** Site Related Custom CSS Starts Here ********************/

/* Site - Manage - Datatable */
#site-list_wrapper{ padding: 0px; margin: 0px;}
#dashboard-site-list_wrapper
{
    padding: 0px;
    margin: 0px;
}

#dashboard-site-list td 
{
    padding: .25rem;
    vertical-align: middle;
    border-top: 1px solid #dee2e6;
}

#dashboard-site-list th 
{
    font-size: 10;
    padding: .45rem;
    vertical-align: middle;
    border-top: 1px solid #dee2e6;
}

#site-picture-upload .modal-dialog 
{
    min-width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

#site-picture-upload .modal-content 
{
    height: auto;
    min-height: 100%;
    border-radius: 0;
}

/***** Site Info Widget *****/

.site-info-card-header
{
    border-right: 1px solid #dee2e6;
    border-top: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    padding: 5px 5px 0px 5px;
    background-color: #343A40;
}

.site-info-card-header > ul > li
{
    background-color: #eeeeee;
}

.site-info-card-header > ul > li > a
{
    color: #343A40;
    font-weight: 400;
}

/* Site Active Alarm List - Datatable */
#site-active-alarm-list_wrapper { padding: 0; margin: 0; }
#site-active-alarm-list td { font-size: 0.9em; padding: .25rem; vertical-align: middle; border-top: 1px solid #dee2e6; }
#site-active-alarm-list th { font-size: 0.9em; padding: .45rem; vertical-align: middle; border-top: 1px solid #dee2e6; }

/* Site Inactive Alarm List - Datatable */
#site-inactive-alarm-list_wrapper { padding: 0; margin: 0; }
#site-inactive-alarm-list td { font-size: 0.9em; padding: .25rem; vertical-align: middle; border-top: 1px solid #dee2e6; }
#site-inactive-alarm-list th { font-size: 0.9em; padding: .45rem; vertical-align: middle; border-top: 1px solid #dee2e6; }

/******************** Site Related Custom CSS Ends Here ********************/

/******************** Monitor Related Custom CSS Ends Here ********************/

/* Monitor Site List - Datatable */
#monitor-site-list_wrapper { padding: 0; margin: 0; }
#monitor-site-list td { font-size: 0.9em; padding: .25rem; vertical-align: middle; border-top: 1px solid #dee2e6; }
#monitor-site-list th { font-size: 0.9em; padding: .45rem; vertical-align: middle; border-top: 1px solid #dee2e6; }

/* Monitor Site List - Datatable */
#monitor-alarm-list_wrapper { padding: 0; margin: 0; }
#monitor-alarm-list td { font-size: 0.9em; padding: .25rem; vertical-align: middle; border-top: 1px solid #dee2e6; }
#monitor-alarm-list th { font-size: 0.9em; padding: .45rem; vertical-align: middle; border-top: 1px solid #dee2e6; }

/******************** Monitor Related Custom CSS Ends Here ********************/

/******************** Tenants Related Custom CSS Ends Here ********************/

/* Tenants List - Datatable */
#tenants-list_wrapper { padding: 0; margin: 0; }
#tenants-list td { font-size: 0.9em; padding: .25rem; vertical-align: middle; border-top: 1px solid #dee2e6; }
#tenants-list th { font-size: 0.9em; padding: .45rem; vertical-align: middle; border-top: 1px solid #dee2e6; }

/******************** Tenants Related Custom CSS Ends Here ********************/

#admins-list_wrapper { padding: 0; margin: 0; }
#admins-list td { padding: .55rem; vertical-align: middle; }
#admins-list th { padding: .55rem; vertical-align: middle; }