/**********************************************************
*   - Device Page Styling - 
***********************************************************/


/* device connection status icon */
.infoStatus {
	padding-top: 20px;
}

.connectionStatus {
    width: 216px;
    padding: 0;
    margin-left: 40px;
}

.connectionStatus .statusTitle {
    float: left;
    font-weight: bold;
}

.connectionIcon .userStatus {
    background-image: url(/web_portal/images/connection/user-OFF.png);
    height: 71px;
    width: 103px;
}

.connectionIcon .user.on .userStatus {
    background-image: url(/web_portal/images/connection/user-ON.png);
}

.connectionIcon .user.on .userStatus-mobile {
    background-image: url(/web_portal/images/connection/user-ON-mobile.png);
}

.connectionIcon .serverStatus {
    background-image: url(/web_portal/images/connection/server.png);
    height: 82px;
    width: 216px;
}

.connectionIcon .endpointStatus {
    background-image: url(/web_portal/images/connection/endpoint-OFF.png);
    height: 71px;
    width: 67px;
}

.connectionIcon .endpoint.on .endpointStatus {
    background-image: url(/web_portal/images/connection/endpoint-ON.png);
}

.connectionIcon .endpoint.scan .endpointStatus {
    background-image: url(/web_portal/images/connection/endpoint-SCAN.png);
}

.connectionIcon .endpoint.rdp .endpointStatus {
    background-image: url(/web_portal/images/connection/endpoint-OFF-rdp.png);
}

.connectionIcon .endpoint.on.rdp .endpointStatus {
    background-image: url(/web_portal/images/connection/endpoint-ON-rdp.png);
}

.connectionIcon .endpoint.scan.rdp .endpointStatus {
    background-image: url(/web_portal/images/connection/endpoint-SCAN-rdp.png);
}

.connectionIcon .supershieldStatus {
    background-image: url(/web_portal/images/connection/SS-OFF.png);
    height: 71px;
    width: 36px;
}

.connectionIcon .ss.on .supershieldStatus {
    background-image: url(/web_portal/images/connection/SS-ON.png);
}

.connectionIcon .ss.on.learning .supershieldStatus {
	background-image: url(/web_portal/images/connection/SS-on-learning.png);
}

.connectionIcon .ss.warning .supershieldStatus {
    background-image: url(/web_portal/images/connection/SS-warning.png);
}

.connectionIcon .server {
    margin: 0 auto;
    width: 216px;
}

.connectionIcon .endpoint {
    margin-right: 35px;
    width: 67px;
    float: right;
    margin-top: 3px;
}

.connectionIcon .ss {
    margin-right: -3px;
    width: 36px;
    float: right;
    clear: both;
    margin-top: -70px;
}

.connectionIcon .user {
    width: 103px;
    float: left;
    margin-top: 3px;
}

.computerType {
	background-repeat: no-repeat;
	width: 118px;
	height: 87px;
	margin: 10px auto;
}

.computerType.medium {
	width: 95px;
	height: 65px;
}

.computerType.laptop {
	background-image: url(/web_portal/images/laptop_large.png);
}

.computerType.mobile {
	background-image: url(/web_portal/images/mobile_large.png);
}

.computerType.ios {
	background-image: url(/web_portal/images/ios_large.png);
}

.computerType.desktop {
	background-image: url(/web_portal/images/desktop_large.png);
}

.computerType.server {
	background-image: url(/web_portal/images/server_large.png);
}

.computerType.mac {
	background-image: url(/web_portal/images/mac_large.png);
}

.computerType.linux {
	background-image: url(/web_portal/images/server_large.png);
}

.computerPanel .computerType.mac .apple {
	padding-top: 15px;
}

.computerPanel .computerType.ios .apple {
	padding-top: 15px;
}

.computerType.laptop.medium {
	background-image: url(/web_portal/images/laptop_medium.png);
}

.computerType.mobile.medium {
	background-image: url(/web_portal/images/mobile_medium.png);
}

.computerType.ios.medium {
	background-image: url(/web_portal/images/ios_medium.png);
}

.computerType.desktop.medium {
	background-image: url(/web_portal/images/desktop_medium.png);
}

.computerType.mac.medium {
	background-image: url(/web_portal/images/mac_medium.png);
}

.computerType.chromebook {
	background-image: url(/web_portal/images/chromebook_large.png);
}

.computerType.chromebook.medium {
	background-image: url(/web_portal/images/chromebook_medium.png);
}

#ComputerDetail .tab-alerts #tbl-Alerts thead tr th:nth-child(2),
#LinuxDetail .tab-alerts #tbl-Alerts thead tr th:nth-child(2),
#MacDetail .tab-alerts #tbl-Alerts thead tr th:nth-child(2) {
    display:block !important;
}

#ComputerDetail .alerts  #notiMenu,
#LinuxDetail .alerts  #notiMenu,
#MacDetail .alerts  #notiMenu {
    width: 100%;
}

#ComputerDetail .alerts  #notiMenu #btnDismiss,
#LinuxDetail .alerts  #notiMenu #btnDismiss,
#MacDetail .alerts  #notiMenu #btnDismiss {
    margin-top: 18px !important;
    margin-left: 0px !important;
}

#ComputerDetail .alerts  #notiMenu #notiSearch,
#ComputerDetail .alerts  #notiMenu #notiType,
#ComputerDetail .alerts  #notiMenu #notiLength,
#LinuxDetail .alerts  #notiMenu #notiSearch,
#LinuxDetail .alerts  #notiMenu #notiType,
#LinuxDetail .alerts  #notiMenu #notiLength,
#MacDetail .alerts  #notiMenu #notiSearch,
#MacDetail .alerts  #notiMenu #notiType,
#MacDetail .alerts  #notiMenu #notiLength {
    width: 100%;
}