.side-nav{
    border-right: 1px solid #c6c6c6;
    font-size: 12px;     
}
.side-nav>li{
    width: 100%;    
}
.side-nav>li:first-child{
    height:60%;  
    overflow-y:auto;
    overflow-x:hidden;
}
.side-nav>li:last-child{
    height:40%;  
}
.side-nav .custom-side-nav .active a,.side-nav .custom-side-nav .active a:hover{
    color:#fff !important;
    background: #00b7ea !important; /* Old browsers */
    background: -moz-linear-gradient(top, #00b7ea 0%, #009ec3 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #00b7ea 0%,#009ec3 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #00b7ea 0%,#009ec3 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 ) !important; /* IE6-9 */
}
/*,.side-nav .custom-side-nav a:focus*/
.side-nav .custom-side-nav a:hover{
    color: #000 !important;
    background: #53cbf1 !important; /* Old browsers */
    background: -moz-linear-gradient(top, #53cbf1 97%, #25c1ed 100%, #87e0fd 100%, #05abe0 100%, #53cbf1 100%, #53cbf1 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #53cbf1 97%,#25c1ed 100%,#87e0fd 100%,#05abe0 100%,#53cbf1 100%,#53cbf1 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #53cbf1 97%,#25c1ed 100%,#87e0fd 100%,#05abe0 100%,#53cbf1 100%,#53cbf1 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53cbf1', endColorstr='#53cbf1',GradientType=0 ) !important; /* IE6-9 */
}
.side-nav .custom-side-nav>li>a{
    padding:5px 15px 5px 10px; 
    height: 25px;
}
.side-nav .custom-side-nav>li>ul>li>a{
    padding:5px 15px 5px 30px; 
    height: 25px;
    width:223px;
    
}
.side-nav .custom-side-nav>li>ul>li{
    display:inline;
}
.side-nav .custom-side-nav>li>ul>li>ul>li{
    display:inline;
}
 .side-bar-menu-list {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.side-nav .custom-side-nav>li>ul>li>ul>li>a{
    padding:5px 15px 5px 50px; 
    height: 25px;
     width:220px;
     
}

.side-nav .custom-side-nav>li>ul>.active>a{
    color: #fff !important;
    background-color: #080808 !important;
}
.side-nav .custom-side-nav .navigation-menu-item-disabled
{
	background-color: #8a8a8a;
	border: none;
}
.side-nav .custom-side-nav a>i{
    margin-right: 5px;
    position: relative;
    top: 2px;
}
.nav-home-icon:before{
    content: url(../../../assets/images/icons/nav/home_small.png);
}
.side-nav .custom-side-nav .active .nav-home-icon:before{
    content: url(../../../assets/images/icons/nav/home_small_selected.png);
}

.nav-events-icon:before{
    content: url(../../../assets/images/icons/nav/event_small.png);
}
.side-nav .custom-side-nav .active .nav-events-icon:before{
    content: url(../../../assets/images/icons/nav/event_small_selected.png);
}

.nav-monitoring-icon:before{
    content: url(../../../assets/images/icons/nav/monitoring_page_small.png);
}
.side-nav .custom-side-nav .active .nav-monitoring-icon:before{
    content: url(../../../assets/images/icons/nav/monitoring_page_small_selected.png);
}

.nav-doors-icon:before{
    content: url(../../../assets/images/icons/nav/door_small.png);
}
.side-nav .custom-side-nav .active .nav-doors-icon:before{
    content: url(../../../assets/images/icons/nav/door_small_selected.png);
}

.nav-io-icon:before{
    content: url(../../../assets/images/icons/nav/input_small.png);
}
.side-nav .custom-side-nav .active .nav-io-icon:before{
    content: url(../../../assets/images/icons/nav/input_small_selected.png);
}

.nav-video-icon:before{
    content: url(../../../assets/images/icons/nav/video_monitoring_small.png);
}
.side-nav .custom-side-nav .active .nav-video-icon:before{
    content: url(../../../assets/images/icons/nav/video_monitoring_small_selected.png);
}

.nav-video-layouts-icon:before{
    content: url(../../../assets/images/icons/nav/video_layouts_small.png);
}
.side-nav .custom-side-nav .active .nav-video-layouts-icon:before{
    content: url(../../../assets/images/icons/nav/video_layouts_small_selected.png);
}

.nav-action-triggers-icon:before{
    content: url(../../../assets/images/icons/nav/action_trigger_small.png);
}
.side-nav .custom-side-nav .active .nav-action-triggers-icon:before{
    content: url(../../../assets/images/icons/nav/action_trigger_small_selected.png);
}

.nav-anti-passback-reset-icon:before{
    content: url(../../../assets/images/icons/nav/report_small.png);
}
.side-nav .custom-side-nav .active .nav-anti-passback-reset-icon:before{
    content: url(../../../assets/images/icons/nav/report_small_selected.png);
}

.nav-diagnostics-icon:before{
    content: url(../../../assets/images/icons/nav/diagnostics_small.png);
}
.side-nav .custom-side-nav .active .nav-diagnostics-icon:before{
    content: url(../../../assets/images/icons/nav/diagnostics_small_selected.png);
}


.nav-access-mngmt-icon:before{
    content: url(../../../assets/images/icons/nav/access_control_small.png);
}
.side-nav .custom-side-nav .active .nav-access-mngmt-icon:before{
    content: url(../../../assets/images/icons/nav/access_control_small_selected.png);
}

.nav-persons-icon:before{
    content: url(../../../assets/images/icons/nav/person_small.png);
}
.side-nav .custom-side-nav .active .nav-persons-icon:before{
    content: url(../../../assets/images/icons/nav/person_small_selected.png);
}

.nav-access-levels-icon:before{
    content: url(../../../assets/images/icons/nav/access_levels_small.png);
}
.side-nav .custom-side-nav .active .nav-access-levels-icon:before{
    content: url(../../../assets/images/icons/nav/access_levels_small_selected.png);
}

.nav-schedules-icon:before{
    content: url(../../../assets/images/icons/nav/schedules_small.png);
}
.side-nav .custom-side-nav .active .nav-schedules-icon:before{
    content: url(../../../assets/images/icons/nav/schedules_small_selected.png);
}

.nav-holidays-icon:before{
    content: url(../../../assets/images/icons/nav/holidays_small.png);
}
.side-nav .custom-side-nav .active .nav-holidays-icon:before{
    content: url(../../../assets/images/icons/nav/holidays_small_selected.png);
}

.nav-reader-groups-icon:before{
    content: url(../../../assets/images/icons/nav/reader_groups_small.png);
}
.side-nav .custom-side-nav .active .nav-reader-groups-icon:before{
    content: url(../../../assets/images/icons/nav/reader_groups_small_selected.png);
}

.nav-areas-icon:before{
    content: url(../../../assets/images/icons/nav/area_small.png);
}
.side-nav .custom-side-nav .active .nav-areas-icon:before{
    content: url(../../../assets/images/icons/nav/area_small_selected.png);
}

.nav-floor-groups-icon:before{
    content: url(../../../assets/images/icons/nav/floor_group_small.png);
}
.side-nav .custom-side-nav .active .nav-floor-groups-icon:before{
    content: url(../../../assets/images/icons/nav/floor_group_small_selected.png);
}



.nav-reports-icon:before{
    content: url(../../../assets/images/icons/nav/report_small.png);
}
.side-nav .custom-side-nav .active .nav-reports-icon:before{
    content: url(../../../assets/images/icons/nav/report_small_selected.png);
}

.nav-system-admin-icon:before{
    content: url(../../../assets/images/icons/nav/system_administration_small.png);
}
.side-nav .custom-side-nav .active .nav-system-admin-icon:before{
    content: url(../../../assets/images/icons/nav/system_administration_small_selected.png);
}

.nav-system-settings-icon:before{
    content: url(../../../assets/images/icons/nav/system_settings_small.png);
}
.side-nav .custom-side-nav .active .nav-system-settings-icon:before{
    content: url(../../../assets/images/icons/nav/system_settings_small_selected.png);
}

.nav-roles-icon:before{
    content: url(../../../assets/images/icons/nav/roles_small.png);
}
.side-nav .custom-side-nav .active .nav-roles-icon:before{
    content: url(../../../assets/images/icons/nav/roles_small_selected.png);
}

.nav-devices-icon:before{
    content: url(../../../assets/images/icons/nav/device_small.png);
}
.side-nav .custom-side-nav .active .nav-devices-icon:before{
    content: url(../../../assets/images/icons/nav/device_small_selected.png);
}
.nav-action-triggers-icon:before{
    content: url(../../../assets/images/icons/nav/action_trigger_small.png);
}
.side-nav .custom-side-nav .active .nav-action-triggers-icon:before{
    content: url(../../../assets/images/icons/nav/action_trigger_small_selected.png);
}

.nav-backup-restore-icon:before{
    content: url(../../../assets/images/icons/nav/backup_restore_small.png);
}
.side-nav .custom-side-nav .active .nav-backup-restore-icon:before{
    content: url(../../../assets/images/icons/nav/backup_restore_small_selected.png);
}

.nav-firmware-update-icon:before{
    content: url(../../../assets/images/icons/nav/firmware_update_small.png);
}
.side-nav .custom-side-nav .active .nav-firmware-update-icon:before{
    content: url(../../../assets/images/icons/nav/firmware_update_small_selected.png);
}


.nav-reset-settings-icon:before{
    content: url(../../../assets/images/icons/nav/reset_settings_small.png);
}
.side-nav .custom-side-nav .active .nav-reset-settings-icon:before{
    content: url(../../../assets/images/icons/nav/reset_settings_small_selected.png);
}

.nav-card-formats-icon:before{
    content: url(../../../assets/images/icons/nav/card_formats_small.png);
}
.side-nav .custom-side-nav .active .nav-card-formats-icon:before{
    content: url(../../../assets/images/icons/nav/card_formats_small_selected.png);
}
.nav-language-packs-icon:before{
    content: url(../../../assets/images/icons/nav/language_packs_small.png);
}
.side-nav .custom-side-nav .active .nav-language-packs-icon:before{
    content: url(../../../assets/images/icons/nav/language_packs_small_selected.png);
}

.nav-network-share-icon:before{
    content: url(../../../assets/images/icons/nav/network_share_small.png);
}
.side-nav .custom-side-nav .active .nav-network-share-icon:before{
    content: url(../../../assets/images/icons/nav/network_share_small_selected.png);
}

.nav-plugin-icon:before{
    content: url(../../../assets/images/icons/nav/plugin_small.png);
}
.side-nav .custom-side-nav .active .nav-plugin-icon:before{
    content: url(../../../assets/images/icons/nav/plugin_small_selected.png);
}

.nav-email-icon:before{
    content: url(../../../assets/images/icons/nav/email_list_small.png);
}
.side-nav .custom-side-nav .active .nav-email-icon:before{
    content: url(../../../assets/images/icons/nav/email_list_small_selected.png);
}

.nav-server-settings-icon:before{
    content: url(../../../assets/images/icons/nav/email_server_small.png);
}
.side-nav .custom-side-nav .active .nav-server-settings-icon:before{
    content: url(../../../assets/images/icons/nav/email_server_small_selected.png);
}



/* latest events */
.latest-events-container{        
    color: #000;
}
.latsetevent-header-footer{
            padding-top: 2%;
            padding-bottom: 2%;
            padding-left: 4%;
            padding-right: 1%;
            font-size:12px;            
            background:linear-gradient(#F7F7F7,#F5F5F5,#F3F3F3,#F1F1F1,#EFEFEF,#EDEDED,#EBEBEB,#E9E9E9,#E8E8E8,#E7E7E7,#E6E6E6,#E4E4E4,#E2E2E2,#E1E1E1,#DFDFDF,#DCDCDC,#DBDBDB,#D7D7D7,#D5D5D5,#D4D4D4,#D2D2D2,#CBCBCB,#CECECE);
        }
.latsetevent-body{
            background-color:#fafafa;
            height:85%;
            overflow-y: auto;
            overflow-x: hidden;
            padding: 15px 15px 15px 5px;
        }
.latestevent-subheader{
            cursor:pointer;
            font-size:12px;
            margin-top: -11px;
        }
.latestevent-subbody{
            font-size:12px;
            color:#B1B1B1;
 }
 .overflow-ellipsis-latestevents{
     width:180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
 }
.latestevent-linebreak{
         border-color:#CECECE;
         margin-top:4%;
         width:126%;
         -webkit-margin-start:-18%;
    
}
.latsetevent-footer{
        text-align: center;
         padding-top: 4px;
         height: 28px;
         background:linear-gradient(#F7F7F7,#F5F5F5,#F3F3F3,#F1F1F1,#EFEFEF,#EDEDED,#EBEBEB,#E9E9E9,#E8E8E8,#E7E7E7,#E6E6E6,#E4E4E4,#E2E2E2,#E1E1E1,#DFDFDF,#DCDCDC,#DBDBDB,#D7D7D7,#D5D5D5,#D4D4D4,#D2D2D2,#CBCBCB,#CECECE);
}

/* ToDo : need to find better way to make latest events box responsive*/
@media (min-height:250px) and (max-height:349px){
    .latsetevent-body{
        height: 56%;
    }
}
@media (min-height:350px) and (max-height:399px){
    .latsetevent-body{
        height: 60%;
    }
}
@media (min-height:400px) and (max-height:449px){
    .latsetevent-body{
        height: 65%;
    }
}
@media (min-height:450px) and (max-height:499px){
    .latsetevent-body{
        height: 70%;
    }
}
@media (min-height:500px) and (max-height:599px){
    .latsetevent-body{
        height: 75%;
    }
}
@media (max-width:770px){
    .top-nav-rhs-items{        
        display: inline-block;
        float: right;
    }
    .top-nav-middle-items{
        position: relative;
        float: right;
        margin: 0 auto;
    }
    .side-nav{
        background: #ffffff;
    }
    .custom-side-nav{
        margin-left: 0px;
    }
    .side-nav .custom-side-nav>li>ul>.active>a,.side-nav .custom-side-nav a:hover{
        width: 100%;
    }
    .navbar-ex1-collapse{
        width: 100%;
        border-bottom: 2px solid #cacaca;
        background: #ffffff;
    }
    .topnav-errorbar{
        margin-bottom: 5px;
    }
}
@media (max-width:530px){
    .top-navbar{
        height: 153px;
    }
}
@media (min-width:531px) and (max-width:770px){
    .top-navbar{
        height: 102px;
    }
}
@media (min-height:600px) and (max-height:750px){
    .latsetevent-body{
        height: 77%;
    }
}
@media (min-height:750px) and (max-height:800px){
    .latsetevent-body{
        height: 82%;
    }
}
@media (min-height:800px) and (max-height:900px){
    .latsetevent-body{
        height: 83%;
    }
}

.disabled-menu-item {
   pointer-events: none;
   cursor: default;
   background-color: #8A8A8A;
}