#filterTabsContent, .list{
      min-height: 100%;
}

.list{
      overflow: hidden;
}

.group{
      margin: 5px 0;
      width: 100%;
}

.groupName{
      font-weight: 700;
      padding: 6px 8px 6px 10px;
      line-height: 32px;
      text-align: left;
      font-size: 10pt;
      font-weight: 700;
      text-transform: uppercase;
}

.groupName .itemChecked{
      line-height: 21px;
}

.groupSetting{
      float: right;
      color: #555;
      font-size: 16pt;
      margin-right: 2px;
}

.itemStatus .fa-exclamation-triangle{
      font-size: 18pt;
      padding-top: 5px;
}

.itemName{
      display: block;
      font-weight: 500;
      font-size: 10pt;
      line-height: 18px;
      margin: 0 0 2px 0;
}

.itemType{
      display: block;
      font-weight: 400;
      font-size: 9pt;
      line-height: 12px
}


.item.oneLine .itemName{
      margin-top: 4px;
}

.itemNotificationStatus, .itemMore, .itemChecked, .itemAction{
      float: right;
      font-size: 12pt;
      line-height: 34px;
      width: 30px;
      text-align: center;
}

.itemAction{
      cursor: pointer;
}

.itemNotificationStatus .fa-stack{
      width: 30px;
      font-size: 12pt;
}

.itemMore{
      color: #808080;
}

.itemChecked, .itemSelectable{
      color: white;
      font-size: 14pt;
      cursor: pointer;
}

.itemSelectable{
      margin-left: -5px;
}

.itemSelectable.itemAction{
      margin: 0;
}


h1{
      font-weight: 700;
      font-size: 12pt;
}

h2{
      font-weight: 600;
      font-size: 10.5pt;
}


.itemNotificationStatus{
      color: #555;
}

.itemLastEvent{
      font-size: 9pt;
      line-height: 14px;
      display: inline-block;
      margin: 4px 0 0 0;
}

.itemLastEvent td{
      vertical-align: top;
}

.itemLastEventDate{
      width: 95px;
      padding-right: 5px !important;
}

.isLimit{
      color: #FFD700;
      font-weight: 700;
}

.isAlarm{
      color: #FF8800;
      font-weight: 700;
}

.isBattery{
      color: red;
}

.iconBox{
      height: 95px;
      margin: 20px 0 20px 0;
}

.iconBox div{
      width: calc(33.3% - 1px);
      float: left;
      height: 100%;
      text-align: center;
      text-transform: uppercase;
      font-size: 9pt;
      line-height: normal;
}


.iconBox b{
      width: 1px;
      height: 100%;
      background: url('../images/general/divider-vertical.png') center center no-repeat;
      background-size: 1px 100%;
      float: left;
}

.iconBoxFa{
      margin: 15px auto 8px auto;
      display: block !important;
      font-size: 20pt !important;
      height: 40px !important;
      line-height: 40px !important;
      width: 40px !important; ;
      text-align: center;
}

#sensorStatus .fa-battery-full::before{
      float: left;
      margin-top: 5px;
      margin-left: 5px;
}

.btnToCenter{
      text-align: center;
      margin: 10px 0 10px 0;
}

form .btnToCenter{
      padding: 5px;
}

.btns .btn{
      margin: 5px 0;
}

#notificationMuteStatus{
      max-width: 300px;
      width: 80%;
      margin: 35px auto;
      color: white;
      line-height: 15px;
      font-size: 9.5pt;
      display: block;
      font-weight: 400;
}

#notificationMuteStatus .fa{
      width: 30px;
      height: 30px;
      line-height: 30px;
      float: left;
      font-size: 20pt;
      margin-right: 15px;


}

#notificationAdd{
      text-align: center;
      display: block;
      width: 260px;
      margin: 40px auto;
      font-size: 18pt;
      font-weight: 300;
      color: white;
      transition: 200ms;
}

#notificationAdd .fa{
      font-size: 36pt;
      margin: 0 0 20px 0;
}

#notificationAdd:hover{
      color: #00ccff;
}

/*
#notificationMuteStatus:hover .fa-ban{
      display: inline-block;
}
*/

.emptyList{
      padding: 40px 0;
      text-align: center;

}

.muteStatus .fa-ban{
      display: none;
      color: red;
}

.muted .fa-ban{
      display: inline-block;
}




.noRecipient, .addRecipient{
      line-height: 44px;
      text-align: center;
      font-size: 10pt;
      height: 44px;
}

.addRecipient{
      font-size: 11pt;
}

.addRecipient .fa{
      font-size: 14pt;
}

form{
      max-width: 400px;
      margin: 0 auto;
}

#notificationType{
      margin: 10px 0;
      text-align: center;
      font-size: 0;
}

#notificationType b{
      font-size: 10pt;
      font-weight: 700;
      display: block;
      margin-bottom: 20px;
}

#notificationType a{
      display: inline-block;
      width: 56px;
      height: 78px;
      border-radius: 6px;
      font-weight: 600;
      font-size: 9pt;
      text-transform: uppercase;
      margin: 0 2px 0 2px;
      transition: all 300ms;
}

#notificationType a.typeActive, #notificationType a:hover{
      background: #00ccff;
      color: white;
}

#notificationType a .fa{
      font-size: 32pt;
      margin-top: 8px;
      height: 40px;
      width: 40px;
      margin-bottom: 4px;
}

#notificationType a .fa .fa{
      position: absolute;
      color: black !important;
      font-size: 20pt;
      line-height: 40px;
      text-align: center;
      margin: 0 0 0 -40px;
}

#notificationType a.typeActive .fa .fa, #notificationType a:hover .fa .fa{
      color: #00ccff !important;
}

#newSensorLabel{
      margin: 25px 0 15px 0;
      text-align: center;
      font-size: 16pt;
}

.noMatrixCode{
      text-decoration: underline;
      font-size: 9pt;
}

#contoOverview{
      width: 120px;
      height: 120px;
      border-radius: 50%;
      margin: 20px auto 30px auto;
      background: white;
      line-height: 100px;
      color: black;
      font-weight: 600;
      text-align: center;
      font-size: 24pt;
}

#contoOverview span{
      line-height: 20px;
      font-weight: 400;
      display: block;
      font-size: 13pt;
      margin-top: -30px;
}

.addNewItem{
      float: right;
      margin: 5px 0 5px 0;
      font-size: 9pt;
}

.notificationType_push{
      display: none !important;
}

#newRecipient .hidden{
      display: none;
}

#recipientsList{
      margin-top: 10px;
}

#recipientsList.itemList{
      border-top: 0;
}

#recipientsList .item .itemChecked{
      font-size: 14pt;
}

.fa-square .fa-users{
      position: absolute;
      color: white;
      font-size: 12pt;
      margin-left: -23px;
      margin-top: 8px;
}

.fullScreenViewIcon.fa-square .fa-users{
      font-size: 32pt;
      margin-left: -84px;
      width: 84px;
      text-align: ceeter;
      line-height: 84px;
}

.recipientsGroupInfo{
      font-weight: 500;
      font-size: 9pt;
}

#recipientsList .group a{
      cursor: default;
}

#menuUsername .userName{
      float: left;
      padding-top: 10px;
}

#menuUsername .userName b, #menuUsername .userName u{
      display: block;
      line-height: 14px;
}

#menuUsername .userName u{
      text-decoration: none;
      font-weight: 500;
      font-size: 9pt !important;
}

.usernameFullLine{
      line-height: 28px !important;
}

#notificationMuteStatus .green{
      color: white !important;
}

.events .itemValue{
      float: right;
      width: 25%;
      font-weight: 600;
      text-align: right;
      line-height: 34px;
}

.events .itemDescription{
      width: calc(75% - 50px);

}

.events{
      margin-top: -15px !important;
}

#lastEvent .itemName{
      line-height: 34px;
}

.paramsHelp{
      font-weight: 600;
      font-size: 9pt;
      float: right;
}

.variable{
      font-size: 9pt;
      color: white;
      font-weight: 500;
      padding: 0px 8px 0 0;
      line-height: 18px;
      text-decoration: none !important;
      display: block;
      margin: 0px 2px 5px 0;
      text-align: right;
}

.variable a{
      background-color: #fff;
      color: black;
      border-radius: 3px;
      float: left;
      font-weight: 600;
      padding: 1px 8px;
      text-decoration: none;
}

.variable a:hover{
      color: black;
}

#paramHelps{
      display: none;
      background: #444;
      padding: 5px;
      width: calc(100% - 10px) !important;
}

#toCopy{
      width: 0;
      height: 0;
      overflow: hidden;
      float: left;
      border: 0;
      margin: 0;
      padding: 0;
}

.graphContent{
      height: 180px;
      width: 100%;
      margin: 10px 0;
}

.flot-tick-label{
      color: white;
}

.graph{
      margin: 0 5px;
}

#graphTooltip{
      position: absolute;
      display: none;
      z-index: 1001;
      border-radius: 3px;
      padding: 0px 10px;
      background: #00ABD6;
      line-height: 38px;
      border: 1px solid #00ccff;
      box-shadow: 0px 0px 10px #00CCFF;
      color: white;
      font-weight: 500;
      font-size: 9pt;
      text-align: left;
      height: 38px;
      margin-top: -44px;
      white-space: nowrap;
}

#tabGraphs .tabsAlt{
      margin-top: 25px;
}

.graph h2{
      padding-bottom: 0;
}

.appendBtn2input{
      font-size: 16pt;
      z-index: 2;
      position: relative;
      float: right;
      margin-left: -26px;
      text-align: center;
      margin-top: 5px;
      width: 26px;
      height: 26px;
}

.wizardInfo{
      margin: 36px 0 25px 0;
      text-align: center;
}

.wizardAlmostDone{
      font-size: 11.5pt;
      margin-bottom: 30px;
}

.wizardAlmostDone b{
      font-size: 10pt;
      font-weight: 600;

}

#sensorInfo{
      background: #333;
      border-radius: 6px;
      padding-bottom: 10px;
      margin-top: 25px;
      display: none;
}

#sensorInfoTop{
      height: 20px;
      margin-top: -15px;
      text-align: center;
      float: left;
      width: 100%;
}

#sensorInfoTop i{
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 12.5px 15px 12.5px;
      border-color: transparent transparent #333333 transparent;
      display: inline-block;
}

.wizardAlmostDone .fa{
      font-size: 25pt;
      margin-bottom: 20px;
      display: inline-block;
}

.searchBox{
      height: 40px;
      text-align: center;
      background: black;
      margin: 10px 10px 10px 10px;
      line-height: 40px;
      border-radius: 2px;
}

.searchBox .btn{
      float: right;
      width: 30px;
      padding: 0;
      font-size: 12pt;
      line-height: 40px;
      display: none;
}

.searchBox input{
      border: 0 !important;
      width: calc(100% - 90px);
      float: left;
      max-width: none;
}

.searchBox input:placeholder{
      color: white;
}

.searchBox span{
      float: left;
      font-size: 12pt;
      height: 40px;
      text-align: center;
      width: 40px;
      color: #bbb;
      line-height: 40px;
}

.dialog .searchBox{
      background: #222;
      margin: 0px 0px 10px 0px;
}

.itemList .divider{
      border-bottom: 1px solid #666;
      width: calc(100% - 50px);
      margin: 0;
      float: right;
}

.badge{
      color: white;
      background-color: #000;
      font-weight: 800;
      font-size: 10pt;
      border-radius: 10px;
      height: 20px;
      line-height: 20px;
      display: inline-block;
      text-align: center;
      min-width: 8px;
      padding: 0 6px;
      margin: 0 5px;
      box-shadow: 0 0 4px #666;
}

.item .fa-ellipsis-v{
      font-size: 11pt;
}


.itemIcon{
      width: 32px;
      height: 32px;
      text-align: center;
      line-height: 32px;
      border-radius: 50%;
      background: #464646;
      color: white;
      font-size: 12pt;
}

.itemIcon .fa-sms{
      font-size: 14pt;
      line-height: 26px;

}

.ig .itemList{
      margin-top: 5px;
}

.item input[type="text"],
.item input[type="tel"],
.item input[type="email"],
.item input[type="number"],
.item input[type="password"],
.item select,
.item textarea{
      border: 0 !important;
      padding: 0;
      height: 20px;
      line-height: 20px;
      font-size: 10pt;
      width: 100%;
}

.itemSelectable input{
      position: absolute;;
      left: -100px;
      top: -100px;
}

.itemList.noHover .item:hover, .itemList.noHover .item:hover .divider{
      background: none;
      cursor: default;
}

.itemList.noHover:hover{
      cursor: default;
}

.pushInfo{
      margin: 15px 10px;
      font-size: 9pt;
      font-weight: 400;
}

.fa-square .fa-sms{
      margin-left: -39px !important;
}

#newRecipient{
      margin-top: 25px;
}

#tabNewRecipient #newRecipient{
      margin-top: 0;
}

.groupSubaction{
      float: right;
      width: 40px;
      padding-top: 2px;
      text-align: center;
      border-right: 1px solid #999;
      margin-right: 10px;
      padding-right: 5px;
}

.groupName .itemSelectable{
      float: left;
}


#contextMenu{
      width: 180px;
      border-radius: 3px;
      background: black;
      border: 1px solid #222222;
      position: absolute;
      padding: 5px 0;
      box-shadow: 0px 0px 5px #666;
      display: none;
      z-index: 350;
}

#contextMenu a{
      height: 40px;
      display: block;
      line-height: 40px;
      padding: 0 8px;
      color: white;
      font-size: 10pt;
      font-weight: 300;
      text-decoration: none;
}

#contextMenu a:hover{
      background-color: #1C1C1C;
}

#contextMenu b{
      font-weight: 400;
}

#contextMenu .cmIco{
      width: 34px;
      margin-right: 5px;
      text-align: center;
      opacity: 0.5;
      font-size: 10pt;
}

#addressbook .itemList{
      margin-bottom: 10px;
}

h3{
      color: #00ccff;
      font-size: 8.5pt !important;
      font-weight: 700;
      margin: 10px 0 !important;
      text-align: left;
      padding-left: 0 !important;
}

h3.groupName .itemMiddle{

}

#mainGraph{
      opacity: 0.8;
}

#mainGraph, #mainGraphContainer{
      width: 200px;
      height: 200px;
}

#mainGraphContainer{
      margin: 25px auto;
}

#mainGraphLabel{
      position: relative;
      width: 200px;
      height: 200px;
      margin-top: -200px;
      text-align: center;
      display: none;
}


#mainGraphLabel b{
      font-size: 32pt;
      font-weight: 700;
      display: block;
      margin: 70px 0 10px 0;
      height: 40px;
      line-height: 40px;
}

#mainGraphLabel i{
      font-style: normal;
      font-size: 12pt;
}

#mainGraphLabel u{
      text-decoration: none;
}

#mainGraphLabel span{
      font-size: 10pt;
      font-weight: 400;
      line-height: 14px;
      display: block;
}

.dashboardStatus{
      width: 32px;
      height: 32px;
      line-height: 32px;
      border-radius: 50%;
      text-align: center;
      color: white;
      font-size: 8.5pt;
      font-weight: 700;
      display: block;
      text-shadow: 0px 0px 2px black;
}

.dashboardStatus.offline{
     background-color: #FF0000;
}

.dashboardStatus.battery{
      background-color: #AD0000;
}

.dashboardStatus.alarm{
      background-color: #FF6600;
}

.dashboardStatus.disarmed{
      background-color: #FFD700;
}

.dashboardStatus.limit{
      background-color: #00ccff;
}

.dashboardStatus.ok{
      background-color: #99FF00;
}

.graphControl{
      float: right;
      width: 32px;
      height: 32px;
      line-height: 32px;
      text-align: center;
      border-radius: 50%;
      margin: 15px 5px 0 0;
}

.graphControl:hover{
      background: #444;
      color: white;
}

@keyframes pulseMainGraph {
    0% {
     transform: scale(1, 1) rotate(180deg);
     opacity: 0.8;
    }

    10% {
     transform: scale(1.1, 1.1)  rotate(180deg);
     opacity: 1;
    }

    20% {
     transform: scale(1, 1) rotate(180deg);
     opacity: 0.8;
    }

    100% {
     transform: scale(1, 1) rotate(180deg);
     opacity: 0.8;
    }
}

.pulsateMainGraph{
    animation: pulseMainGraph 8s ease-in-out infinite;
}

#dashboardGraphs{
      margin: 15px 0 10px 0;
}

.inputHelper{
      text-align: left;
      margin: 4px 5px;
      font-size: 9pt;
      line-height: normal;
      color: #ccc;
      font-weight: 500;
}

.deviceClone_categories{
      background: #333;
}