/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.test-item{
	display: none;
}
.test-item .item-header{
		-webkit-box-shadow: 0px 1px 3px 0px rgba(65, 65, 65, .24), 0px 1px 2px 0px rgba(65, 65, 65, .48);
		        box-shadow: 0px 1px 3px 0px rgba(65, 65, 65, .24), 0px 1px 2px 0px rgba(65, 65, 65, .48);
		margin: 8px 0px 0px 0px;
	}
.test-item .item-header .header-info{
			height: 32px;
			margin-right: 96px;
			margin-left: 8px;
			font-size: 13px;
			color: #555555;
			letter-spacing: 1px;
		}
.test-item .item-header .header-info .title{
				display: inline-block;
			}
.test-item .item-header .header-info .item-status{
				width:56px;
				float:right;
				margin-right: 8px;
			}
.test-item .item-header .header-info .item-status.success{
					color: #72B864;
				}
.test-item .item-header .header-info .item-status.fail{
					color: #DA4F4A;
				}
.test-item .item-header .btn-repeat-test{
			float:right;
			padding:0px;
			width: 80px;
			text-align: center;
			margin: 2px 16px;
			font-size: 12px;
		}
.test-item .title{
		font-size: 13px;
		color: #555555;
		letter-spacing: 1.08px;
		line-height: 18px;
	}
.test-item .title .expand-sign{
			display: inline;
			position: relative;
			left: -4px;
		}
.test-item .item-body{
		display: none;
		margin-left: 16px;
		margin-right: 16px;
	}
.test-item .item-body .status-item{
			width: 176px;
		}
.test-item .item-body .status-item .status-text{
				line-height: 20px;
				font-size: 12px;
				color: #555555;
				letter-spacing: 1px;
			}
.test-item .item-body .status-item .status-text .status-item-flag{
					float:right;
					margin-right: 12px;
				}
.test-item .item-body .status-item .status-text .status-item-flag.success{
						color: #72B864;
					}
.test-item .item-body .status-item .status-text .status-item-flag.fail{
						color: #DA4F4A;
					}
.test-item .item-body .status-item .doing{
				display: none;
				color: #555555;
			}
.test-item .item-body .status-item .done{
				display: none;
			}
.test-item .item-body .status-item.doing .doing{
					display: block;
				}
.test-item .item-body .status-item.done .done{
					display: block;
				}
.test-item .item-body .buttons-con{
			float:right;
			display: none;
		}
.test-item .item-body .buttons-con .btn{
				min-width: 56px;
				height: 24px;
				white-space: inherit;
				text-align: center;
				padding:0 8px;
				margin-right: 16px;
			}
.test-item .item-body .buttons-con .btn:last-child{
					margin-right:0px;
				}
.test-item .item-body .buttons-con .btn.btn-next-test{
					font-size: 12px;
				}
.test-item .nest-items{
		display: none;
	}
.test-item.disable{
		display: none;
	}
.test-item.init{
		display: block;
	}
.test-item.expand .item-header{
			-webkit-box-shadow: none;
			        box-shadow: none;
		}
.test-item.expand .item-header .btn-repeat-test{
				display: none;
			}
.test-item.expand .item-header .item-status{
				display: none;
			}
.test-item.expand .item-header .title .expand-sign{
					display: none;
				}
.test-item.expand .item-body{
			display: block;
		}
.test-item.expand .item-body.done .buttons-con{
					display: block;
				}
.test-item.expand .nest-items{
			display: block;
		}
.nest-items .test-item .item-header{
			display: none;
		}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
/* FIXME: compatiable with old ui */
.AccessControlScreen .nav-ctn{
		position: relative;
	}
.AccessControlScreen [data-layout='phone']{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack:justify;
		    -ms-flex-pack:justify;
		        justify-content:space-between;
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
	}
.AccessControlScreen [data-layout='phone'] .dropdown-con{
			margin-left: 16px;
		}
.AccessControlScreen [data-layout='phone'] .dropdown-con .display-name{
				font-weight: 600;
			}
.AccessControlScreen [data-layout='phone'] .dropdown-con .toggle-icon{
				margin-left: 8px;
			}
.AccessControlScreen [data-layout='phone'] .dropdown-con .dropdown-menu{
				left: -16px;
				height: auto;
				min-width: 184px;
			}
.AccessControlScreen [data-layout='phone'] .dropdown-con .dropdown-menu .nav-item{
					font-size: 14px;
					height: 32px;
					margin: 0;
					padding: 0 16px;
					-webkit-box-pack: justify;
					    -ms-flex-pack: justify;
					        justify-content: space-between;
				}
.AccessControlScreen [data-layout='phone'] .dropdown-con .dropdown-menu .nav-item:hover{
						background-color: #F1F7FB;
					}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.ItemSelectView{
	width: 264px;
	height: 360px;
}
.ItemSelectView .search-ctl{
		width: auto;
		margin: 16px 0;
	}
.ItemSelectView .items-con{
		position: absolute;
		top: 40px;
		left: 16px;
		bottom: 16px;
		right: 16px;
		border: 1px solid #DDDDDD;
		background-color: #F8F8F8;
		overflow:hidden;

	}
.ItemSelectView .items-con .items-header{
			height: 32px;
			background-color: #58595b;
			line-height: 32px;
		}
.ItemSelectView .items-con .items-header .c-check {
				float: left;
				left: 16px;
				top: 8px;
			}
.ItemSelectView .items-con .items-header .title{
				color: white;
				display: block;
				margin-left: 40px;
				font-size: 12px;
			}
.ItemSelectView .items-con .items-header .icon{
				fill: white;
			}
.ItemSelectView .items-con .items-body{
			position: absolute;
			top: 32px;
			bottom: 0px;
			width: 100%;
			overflow-x:hidden;
			overflow-y: auto;
		}
.ItemSelectView .items-con .items-body .item {
				padding: 8px 0 0 8px;
				margin: 8px 0 8px 0;
				color: #555555;
				height: 24px;
			}
.ItemSelectView .items-con .items-body .item .c-check {
					margin-left: 8px;
					float: left;
				}
.ItemSelectView .items-con .items-body .item .icon {
					float: left;
					margin-left: 0px;
					margin-right: 4px;
					text-align: center;
				}
.ItemSelectView .items-con .items-body .item .c-check-text {
					max-width: 80%;
					display: block;
					font-size: 12px;
					margin-left: 0px;
					white-space: nowrap;
					overflow:hidden;
					text-overflow:ellipsis;
				}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.ItemsOrGroupSelect{
	width: 350px;
	height: 360px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

}
.ItemsOrGroupSelect .search-ctl{
		width: auto;
		margin: 16px;
	}
.ItemsOrGroupSelect .filter-section{
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		border-bottom: none;
	}
.ItemsOrGroupSelect .filter-section-body{
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			overflow-y: auto;
		}
.ItemsOrGroupSelect .filter-section.active{
			background: none;
		}
.ItemsOrGroupSelect .filter-section.active .filter-item[data-type='List'] .name,.ItemsOrGroupSelect .filter-section.active .filter-item[data-type='Group'] .name{
						color: #006BB2;
						cursor: pointer;
					}
.ItemsOrGroupSelect-parent .popup-modal .modal-body{
			padding: 0;
		}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.MainView{
	background-color: #fff;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.MainView .warning-header {
      display: block;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      background-color: white;
      border-bottom: 1px solid #CECECE;
      height: 30px;
      overflow: hidden;
      position: relative;
      width: 100%;
      z-index: 0;
    }
.MainView .warning-header p {
        display: inline-block;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        color: #DA4F4A;
        font-size: 12px;
        font-weight: bold;
        line-height: 30px;
        margin: 0 26px;
      }
.MainView .warning-header .warning-msg {
        color: #DA4F4A;
        display: inline-block;
        line-height: 30px;
        font-weight: bold;
        font-size: 12px;
      }
.MainView-header{
		height: 72px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
		        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
		position: relative;
		z-index: 10;
	}
.MainView-header .header-left{
			font-size: 26px;
			font-weight: 600;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
		}
.MainView-header .header-left .logo{
				width: 112px;
				height: 32px;
				margin-left:28px;
				cursor: pointer;
				background: url(image/logo1.jpg) no-repeat;
				background-position: center;
				background-size: 100%;
			}
.MainView-header .header-center{
			font-size: 12px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			color: #555555;
			margin: 0 auto;
			position: absolute;
			left: 50%;
			top: 24px;
			margin-left: -75px;
		}
.MainView-header .header-center .icon{
				margin-right: 8px;
			}
.MainView-header .header-center .action{
				color: #555555;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
			}
.MainView-header .header-center .action.warning .icon{
						fill: #ECA7A4;
					}
.MainView-header .header-right{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			margin-left: auto;
		}
.MainView-header .header-right .item{
				margin-right: 16px;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				cursor: pointer;
			}
.MainView-header .header-right .item .user-icon{
					border: 1px solid #CECECE;
					width: 36px;
					height: 36px;
					border-radius: 36px;
					margin-right: 4px;
					overflow: hidden;
				}
.MainView-header .dropdown-con .dropdown-toggle{
				padding: 0;
			}
.MainView-header .dropdown-con .dropdown-menu{
				left: auto;
				right: -64px;
				top: 48px;
				width: 120px;
				border: none;
			}
.MainView-header .dropdown-con .dropdown-menu .dropdown-item{
					position: relative;
					z-index: 1;
					height: 48px;
					color: #555555;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-align: center;
					    -ms-flex-align: center;
					        align-items: center;
					-webkit-box-pack: center;
					    -ms-flex-pack: center;
					        justify-content: center;
					border-bottom: 1px solid #CECECE;
					cursor: pointer;
					background: white;
				}
.MainView-header .dropdown-con .dropdown-menu .dropdown-item:last-child{
						border-bottom: none;
					}
.MainView-header .dropdown-con .dropdown-menu .dropdown-item:hover{
						background: #F1F7FB;
					}
.MainView-header .dropdown-con .dropdown-menu:before{
					z-index: 1;
					content: " ";
					position: absolute;
					left: 50%;
					top: -8px;
					margin-left: -4px;
					width: 16px;
					height: 16px;
					-webkit-transform: rotate(45deg);
					        transform: rotate(45deg);
					background: white;
					-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
					        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
				}
.MainView-header .user-dropdown-con .dropdown-menu{
				right: 0px;
			}
.MainView-header .user-dropdown-con .dropdown-menu:before{
					left: auto;
					right: 24px;
				}
.MainView-header .action-refresh-accesspoints.updating{
				/* FIXME: nothing for now */
			}
.MainView-header .action-refresh-accesspoints.warning{
				color: #DA4F4A;
			}
.MainView-content{
		position: relative;
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
.MainView-content .menu-item .icon-alert{
					margin: 3px 0;
				}
.MainView-content .menu-item .icon-alert .icon{
						margin: 0;
					}
.MainView-content .menu-item[data-nav="reports"], .MainView-content .menu-item[data-nav="alerts"]{
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
				}
.MainView-content .menu-item[data-nav="profile"], .MainView-content .menu-item[data-nav="logout"]{
					display: none;
				}
.MainView-content .tenant-dropdown-con{
            position: absolute;
            height: 40px;
            top: 10px;
            right: 16px;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            z-index: 9;
        }
.MainView-content .tenant-dropdown-con .action{
                max-width: 100px;
                text-overflow: ellipsis;
                overflow: hidden;
                display: inline-block;
            }
.MainView-content .tenant-dropdown-con .icon{
                margin-left: 8px;
            }
.MainView-content .tenant-dropdown-con .dropdown-menu{
                left: auto;
                right: 0px;
                z-index: 1000;
            }
.MainView-content .tenant-dropdown-con .dropdown-menu .items-con{
                    max-height: 280px;
                    overflow-y: auto;
                }
.MainView-content .tenant-dropdown-con .dropdown-menu .dropdown-item{
                    padding: 5px 8px;
                    cursor: pointer;
                    -webkit-box-pack: left;
                        -ms-flex-pack: left;
                            justify-content: left;
                }
.MainView-content .tenant-dropdown-con .dropdown-menu .dropdown-item .name{
                        display: inline-block;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }
.MainView-content .tenant-dropdown-con .dropdown-menu .dropdown-item.active{
                        cursor: default;
                    }
.MainView-content .tenant-dropdown-con .dropdown-menu:before{
                    left: auto;
                    right: 24px;
                }
.MainView-content-ctn{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			background: #F8F8F8;
		}
.MainView .icon-alert{
		position: relative;
	}
.MainView .icon-alert .alert-new{
			position: absolute;
			width: 8px;
			height: 8px;
			right: -4px;
			top: -4px;
			overflow: hidden;
			display: none;
		}
.MainView .icon-alert .alert-new .ico-alerts-point{
				fill: #DA4F4A;
				margin: -17px 0 0 -17px;
				width: 40px;
				height: 40px;
			}
.MainView .icon-alert.new .alert-new{
				display: block;
			}
.phone-mode .MainView .warning-header {
            display: none;
        }
.phone-mode .MainView .MainView-header{
			min-height: 24px;
			height: 24px;
		}
.phone-mode .MainView .MainView-header .logo{
				width: 70px;
				height: 20px;
				margin-left:16px;
				cursor: pointer;
				background: url(image/logo1.jpg) no-repeat;
				background-position: center;
				background-size: 100%;
			}
.phone-mode .MainView .MainView-header .header-center{
				top: 0;
				margin-left: -12px;
			}
.phone-mode .MainView .MainView-header .header-center .text{
					display: none;
				}
.phone-mode .MainView .MainView-header .header-right{
				display: none;
			}
.phone-mode .MainView .MainView-content{
			-webkit-box-orient: vertical;
			-webkit-box-direction: reverse;
			    -ms-flex-direction: column-reverse;
			        flex-direction: column-reverse;
		}
.phone-mode .MainView .MainView-content .tenant-dropdown-con{
			    top: -2px;
                position: fixed;
                z-index: 99;
            }
.phone-mode .MainView .MainView-content .tenant-dropdown-con .dropdown-toggle .action{
                        color: #555555;
                    }
.phone-mode .MainView .MainView-content .tenant-dropdown-con .dropdown-menu{
                    top: 24px;
					right: -16px;
                }
.phone-mode .MainView .MainView-content .menu{
				-webkit-box-orient: horizontal;
				-webkit-box-direction: normal;
				    -ms-flex-direction: row;
				        flex-direction: row;
				width: auto;
				border-top: 2px solid #F8F8F8;
			}
.phone-mode .MainView .MainView-content .menu-item{
					-webkit-box-flex: 1;
					    -ms-flex: 1;
					        flex: 1;
					width: auto;
					min-height: 40px;
					height: 40px;
					margin: 0 1px 0 0;
					min-width: 0px;
				}
.phone-mode .MainView .MainView-content .menu-item .icon{
						width: 16px;
						height: 16px;
					}
.phone-mode .MainView .MainView-content .menu-item:last-child{
						margin: 0;
					}
.phone-mode .MainView .MainView-content .menu-item span{
						font-size: 12px;
						-webkit-transform: scale(.7);
						        transform: scale(.7);
					}
.phone-mode .MainView .MainView-content .menu-item .extra{
						display: none;
					}
.phone-mode .MainView .MainView-content .menu-item[data-nav="reports"], .phone-mode .MainView .MainView-content .menu-item[data-nav="alerts"]{
						display: none;
					}
.phone-mode .MainView .MainView-content .menu-item[data-nav="profile"], .phone-mode .MainView .MainView-content .menu-item[data-nav="logout"]{
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
					}
.phone-mode .MainView .MainView-content .menu-item.user-dropdown-con{
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
					}
.phone-mode .MainView .MainView-content .menu-item.user-dropdown-con .dropdown-toggle{
							padding: 0;
							-webkit-box-orient: vertical;
							-webkit-box-direction: normal;
							    -ms-flex-direction: column;
							        flex-direction: column;
							line-height: 1;
						}
.phone-mode .MainView .MainView-content .menu-item.user-dropdown-con .dropdown-menu{
							bottom: 56px;
							left: 50%;
							margin-left: -85px;
						}
.phone-mode .MainView .MainView-content .menu-item.user-dropdown-con .dropdown-menu .dropdown-item{
								position: relative;
								z-index: 1;
								height: 48px;
								color: #555555;
								display: -webkit-box;
								display: -ms-flexbox;
								display: flex;
								-webkit-box-align: center;
								    -ms-flex-align: center;
								        align-items: center;
								-webkit-box-pack: center;
								    -ms-flex-pack: center;
								        justify-content: center;
								border-bottom: 1px solid #CECECE;
								cursor: pointer;
								background: white;
							}
.phone-mode .MainView .MainView-content .menu-item.user-dropdown-con .dropdown-menu .dropdown-item:last-child{
									border-bottom: none;
								}
.phone-mode .MainView .MainView-content .menu-item.user-dropdown-con .dropdown-menu .dropdown-item:hover{
									background: #F1F7FB;
								}
.phone-mode .MainView .MainView-content .menu-item.user-dropdown-con .dropdown-menu:before{
								z-index: 1;
								content: " ";
								position: absolute;
								left: 50%;
								bottom: -8px;
								margin-left: -4px;
								width: 16px;
								height: 16px;
								-webkit-transform: rotate(45deg);
								        transform: rotate(45deg);
								background: white;
								-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
								        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
							}
.phone-mode .MainView .MainView-content .menu-item.active:before{
							display: none;
						}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.AccesspointConnectStatus{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex:1;
	    -ms-flex:1;
	        flex:1;
}
.AccesspointConnectStatus .status-con{
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding-left: 16px;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
.AccesspointConnectStatus .status-con .text{
			font-size: 12px;
		}
.AccesspointConnectStatus .status-con .connect-status{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
		}
.AccesspointConnectStatus .status-con .connect-status .icon{
				fill: #F0AD4E;
			}
.AccesspointConnectStatus .status-con .connect-status .text{
				margin-right: 16px;
				margin-left: 8px;
				color: #DA4F4A;
			}
.AccesspointConnectStatus .status-con .connect-status .text.connected-text{
					color: #555555;
					display: none;
				}
.AccesspointConnectStatus .status-con .door-lock-status{
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			display: none;
		}
.AccesspointConnectStatus .status-con .door-lock-status .door-status{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				color: #555555;
			}
.AccesspointConnectStatus .status-con .door-lock-status .door-status .text{
					display: inline-block;
					margin-left: 4px;
					width: 42px;
				}
.AccesspointConnectStatus .status-con .door-lock-status .door-status .icon{
					fill: #555555;
				}
.AccesspointConnectStatus .status-con .door-lock-status .door-status.open .icon{
						fill: #72B864;
					}
.AccesspointConnectStatus .status-con .door-lock-status .lock-status{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				margin-left: 30px;
				color: #555555;
			}
.AccesspointConnectStatus .status-con .door-lock-status .lock-status .icon{
					fill: #555555;
				}
.AccesspointConnectStatus .status-con .door-lock-status .lock-status .text{
					margin-left: 4px;
				}
.AccesspointConnectStatus .status-con .door-lock-status .lock-status.unlocked .icon{
						fill: #72B864;
					}
.AccesspointConnectStatus .status-con .door-lock-status .lock-status.admit .icon{
						fill: #72B864;
					}
.AccesspointConnectStatus .status-con .door-lock-status .lock-status.admit .text{
						color: #72B864;
					}
.AccesspointConnectStatus .status-con .door-lock-status .status-disabled{
				display:none;
			}
.AccesspointConnectStatus .status-con .door-lock-status .status-disabled .icon{
					fill: #F0AD4E;
				}
.AccesspointConnectStatus .status-con .door-lock-status .status-disabled .text{
					display: inline-block;
					font-size: 12px;
					color: #DA4F4A;
				}
.AccesspointConnectStatus .status-con .door-lock-status.disable .door-status{
					display: none;
				}
.AccesspointConnectStatus .status-con .door-lock-status.disable .lock-status{
					display: none;
				}
.AccesspointConnectStatus .status-con .door-lock-status.disable .status-disabled{
					display:block;
				}
.AccesspointConnectStatus .status-con.connect .connect-status .icon:before{
						display: none;
					}
.AccesspointConnectStatus .status-con.connect .connect-status .text{
					display: none;
				}
.AccesspointConnectStatus .status-con.connect .connect-status .text.connected-text{
						display: inline-block;
						margin-left: 2px;
					}
.AccesspointConnectStatus .status-con.connect .door-lock-status{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
			}
.AccesspointConnectStatus.dark .connect-status{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
		}
.AccesspointConnectStatus.dark .connect-status .icon{
				fill: #F0AD4E;
			}
.AccesspointConnectStatus.dark .connect-status .text{
				margin-right: 16px;
				margin-left: 8px;
				color: #DA4F4A;
			}
.AccesspointConnectStatus.dark .connect-status .text.connected-text{
					color: #555555;
					display: none;
				}
.AccesspointConnectStatus.dark .connect-status .text.connected-text{
					color: #555555;
				}
.AccesspointConnectStatus.dark .door-lock-status{
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			display: none;
		}
.AccesspointConnectStatus.dark .door-lock-status .door-status{
				color: #555555;
			}
.AccesspointConnectStatus.dark .door-lock-status .door-status .icon{
					fill: #999999;
				}
.AccesspointConnectStatus.dark .door-lock-status .door-status.open .icon{
						fill: #72B864;
					}
.AccesspointConnectStatus.dark .door-lock-status .lock-status{
				color: #555555;
			}
.AccesspointConnectStatus.dark .door-lock-status .lock-status .icon{
					fill: #999999;
				}
.AccesspointConnectStatus.dark .door-lock-status .lock-status.unlocked .icon{
						fill: #72B864;
					}
.AccesspointConnectStatus.dark .door-lock-status .lock-status.admit .icon{
						fill: #72B864;
					}
.AccesspointConnectStatus.dark .door-lock-status .lock-status.admit .text{
						color: #72B864;
					}
/* Override edit view */
.AccesspointInfoEditView-content .AccesspointConnectStatus .status-con .connect-status .text{
                    color: #FFFFFF !important;
    			}
.AccesspointInfoEditView-content .AccesspointConnectStatus .status-con .door-lock-status .text{
                    color: #FFFFFF !important;
                }
.AccesspointInfoEditView-content .AccesspointConnectStatus .status-con .door-lock-status .icon{
                    fill: #FFFFFF !important;
                }

/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.AccesspointEditBatchPopup{
	width: 380px;
	min-height: 560px;
}
.AccesspointEditBatchPopup .add-items-header{
		height:56px;
		background-color: #F8F8F8;
		-webkit-box-shadow: 0px 3px 6px 0px rgba(65, 65, 65, .32), 0px 3px 6px 0px rgba(65, 65, 65, .46);
		        box-shadow: 0px 3px 6px 0px rgba(65, 65, 65, .32), 0px 3px 6px 0px rgba(65, 65, 65, .46);
		padding-top: 16px;
		position: relative;
		z-index: 2;

	}
.AccesspointEditBatchPopup .add-items-header .add-item-group{
			margin-right: 96px;
			margin-left: 16px;
			margin-top: 0px;
		}
.AccesspointEditBatchPopup .add-items-header .add-item-group input{
				background-color: white;
			}
.AccesspointEditBatchPopup .add-items-header .area-group{
			margin: 16px 16px 0 16px;
			display: none;
		}
.AccesspointEditBatchPopup .add-items-header .btn-add-item{
			float: right;
			height: 24px;
			width: 64px;
			line-height: 11px;
			margin: 8px 16px 8px 0;
		}
.AccesspointEditBatchPopup .accesspoint-sections{
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		top: 56px;
		padding: 0px 8px 8px 8px;
		overflow-y: auto;
	}
.AccesspointEditBatchPopup .accesspoint-sections .accesspoint-section-item{
			margin-top: 8px;
			-webkit-box-shadow: 0px 1px 3px 0px rgba(65, 65, 65, .24), 0px 1px 2px 0px rgba(65, 65, 65, .48);
			        box-shadow: 0px 1px 3px 0px rgba(65, 65, 65, .24), 0px 1px 2px 0px rgba(65, 65, 65, .48);
		}
.AccesspointEditBatchPopup .accesspoint-sections .accesspoint-section-item .section-info-container{
				padding: 0px 8px 8px 8px;
			}
.AccesspointEditBatchPopup .accesspoint-sections .accesspoint-section-item .section-info-container .ctl-group:last-child{
						margin-bottom: 0px;
					}
.AccesspointEditBatchPopup .accesspoint-sections .accesspoint-section-item.ip-bridge .accesspoints-name-con .accesspoints-name-item{
						margin-top: 8px;
						padding-bottom: 8px;
						background: #F8F8F8;
						-webkit-box-shadow: 0px 1px 3px 0px rgba(65, 65, 65, .24), 0px 1px 2px 0px rgba(65, 65, 65, .48);
						        box-shadow: 0px 1px 3px 0px rgba(65, 65, 65, .24), 0px 1px 2px 0px rgba(65, 65, 65, .48);
					}
.AccesspointEditBatchPopup .accesspoint-sections .accesspoint-section-item.ip-bridge .accesspoints-name-con .accesspoints-name-item .ctl-group{
							margin-left: 16px;
							margin-right: 16px;
						}
.AccesspointEditBatchPopup .accesspoint-sections .accesspoint-section-item.ip-bridge .accesspoints-name-con .accesspoints-name-item .ctl-group .ctl{
								background: white;
							}
.AccesspointEditBatchPopup .accesspoint-sections .accesspoint-section-item.ip-bridge .accesspoints-name-con .accesspoints-name-item .ctl-group.groups .inputCon{
									margin-bottom: 0px;
									width: 100%;
								}
.AccesspointEditBatchPopup .sub-header{
		margin: -1px 0px 0 0;
		background: #221e20;
	}
.AccesspointEditBatchPopup .sub-header:before,
	.AccesspointEditBatchPopup .sub-header:after {
		content: " ";
		display: table;
	}
.AccesspointEditBatchPopup .sub-header:after {
		clear: both;
	}
.AccesspointEditBatchPopup .sub-header .dropdown-con{
			margin-left: 16px;
			position: relative;
			float:left;
			width:112px;
		}
.AccesspointEditBatchPopup .sub-header .dropdown-con .dropdown-toggle{
				display: inline-block;
				position: relative;
				cursor: pointer;
				padding-right: 20px;
				color: #fff;
				font-size: 12px;
				line-height: 32px;
				height:32px;
			}
.AccesspointEditBatchPopup .sub-header .dropdown-con .dropdown-toggle .display-name{
					font-size: 15px;
					color: white;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					margin-right: 6px;
					-webkit-box-align: center;
					    -ms-flex-align: center;
					        align-items: center;
				}
.AccesspointEditBatchPopup .sub-header .dropdown-con .dropdown-toggle .display-name .icon{
						width: 20px;
						height: 20px;
						fill: white;
						margin-right: 8px;
					}
.AccesspointEditBatchPopup .sub-header .model-con{
			float: right;
			font-size: 15px;
			color: white;
			letter-spacing: 1.25px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			margin-top: 6px;
		}
.AccesspointEditBatchPopup .sub-header .model-con .model-info{
				display: inline-block;
				width: 115px;
			}
.AccesspointEditBatchPopup .third-header{
		background: #F8F8F8;
		-webkit-box-shadow: 0px 1px 3px 0px rgba(65, 65, 65, .24), 0px 1px 2px 0px rgba(65, 65, 65, .48);
		        box-shadow: 0px 1px 3px 0px rgba(65, 65, 65, .24), 0px 1px 2px 0px rgba(65, 65, 65, .48);
		height: 24px;
	}
.AccesspointEditBatchPopup .third-header .accesspoint-status-info{
			height: 24px;
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
		}
.AccesspointEditBatchPopup .ctl-group .ctl-control{
			max-width: none;
			background-color: white;
		}
.AccesspointEditBatchPopup .ctl-group label{
			float: left;
			padding-right: 0;
			margin-right: 14px;
			margin-bottom: 0;
			letter-spacing: 0.05em;
		}
.AccesspointEditBatchPopup .ctl-group input{
			letter-spacing: 1.08px;
		}
.AccesspointEditBatchPopup .ctl-group input.deactivate{
				border-bottom: 1px solid #DDDDDD;
			}
.AccesspointEditBatchPopup .ctl-group .dropdown-field{
			max-width: none;
		}
.AccesspointEditBatchPopup .ctl-group .dropdown-field input{
				width: 100%;
			}
.AccesspointEditBatchPopup .ctl-group .dropdown-field .dropdown-control{
				background-color: white;
			}
.AccesspointEditBatchPopup .ctl-group.mac-address-group{
			margin-right: 72px;
		}
.AccesspointEditBatchPopup .ctl-group.type-group{
			padding-left: 8px;
		}
.AccesspointEditBatchPopup .ctl-group.type-group.warning .ctl-label{
					color: #DA4F4A;
				}
.AccesspointEditBatchPopup .ctl-group.type-group .radio-ctn{
				margin-top: 2px;
				height: 16px;
			}
.AccesspointEditBatchPopup .ctl-group.type-group .radio{
				margin:0 32px 0 0;
				height: 14px;
				line-height: 20px;
				display: inline-block;
				padding-left: 0;
			}
.AccesspointEditBatchPopup .ctl-group.type-group .radio .c-radio{
					float: left;
					margin-top: 2px;
				}
.AccesspointEditBatchPopup .ctl-group.type-group .radio .c-radio.checked ~ .c-radio-text{
							color: #333333;
						}
.AccesspointEditBatchPopup .ctl-group.type-group .radio .c-radio-text{
					margin-top: 2px;
					font-size: 12px;
					color: #555555;
				}
.AccesspointEditBatchPopup .ctl-group.groups .inputCon{
				width: 100%;
			}
.AccesspointEditBatchPopup .mac-address-con .btn[disabled]{
				border-color: #DDDDDD;
				background: #F8F8F8;
			}
.AccesspointEditBatchPopup .mac-address-con .btn-scan{
			float:right;
			width: 60px;
			height:24px;
			line-height: 10px;
			margin-top: 8px;
		}
.AccesspointEditBatchPopup .mac-address-con .btn-delete-address{
			float:right;
			padding-left: 0; 
			padding-right: 0; 
			height:24px;
			margin-top: 8px;
			width: 60px;
			line-height: 10px;
		}
.AccesspointEditBatchPopup .mac-address-con.readonly input{
				border: none;
			}
.AccesspointEditBatchPopup .mac-address-con.readonly input:focus{
					border: none;
				}
.AccesspointEditBatchPopup .mac-address-con.readonly .i-clear{
				display: none;
			}
.AccesspointEditBatchPopup.show-area .add-items-header{
			height: 104px;
		}
.AccesspointEditBatchPopup.show-area .add-items-header .area-group{
				display: block;
			}
.AccesspointEditBatchPopup.show-area .accesspoint-sections{
			top: 104px;
		}
.AccesspointEditBatchPopup-parent .popup-modal{
		height: 100%;
	}
.AccesspointEditBatchPopup-parent .popup-modal .modal-body{
			padding: 0px;
		}
.AccesspointEditBatchPopup-parent .popup-modal .modal-footer.popup-footer{
			height: 56px;
		}
.AccesspointEditBatchPopup-parent .popup-modal .modal-footer.popup-footer .btn{
				margin-top: 8px;
			}
@media(max-width: 800px){
	.AccesspointEditBatchPopup-parent{
		width:100%;
		height:100%;
	}
		.AccesspointEditBatchPopup-parent .Popup-con{
			height: 100%;
			width: 100%;
		}
		.AccesspointEditBatchPopup-parent .popup-modal{
			height: 100%;
		}
			.AccesspointEditBatchPopup-parent .popup-modal .modal-body{
				position: absolute;
				top:32px;
				bottom:64px;
				left: 0px;
				right:0px;
			}
				.AccesspointEditBatchPopup-parent .popup-modal .modal-body .AccesspointEditBatchPopup{
					width: auto;
				}
			.AccesspointEditBatchPopup-parent .popup-modal .modal-footer{
				bottom:0px;
				left: 0;
				right: 0px;
				position: absolute;
			}
}

/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.AccesspointEditPopup{
	width: 320px;
	min-height: 320px;
	padding: 0 0 16px 0;

}
.AccesspointEditPopup .sub-header{
		margin: -1px 0px 0 0;
		background: #221e20;
	}
.AccesspointEditPopup .sub-header:before,
	.AccesspointEditPopup .sub-header:after {
		content: " ";
		display: table;
	}
.AccesspointEditPopup .sub-header:after {
		clear: both;
	}
.AccesspointEditPopup .sub-header .dropdown-con{
			margin-left: 16px;
			position: relative;
			float:left;
			width:112px;
		}
.AccesspointEditPopup .sub-header .dropdown-con .dropdown-toggle{
				display: inline-block;
				position: relative;
				cursor: pointer;
				padding-right: 20px;
				color: #fff;
				font-size: 12px;
				line-height: 32px;
				height:32px;
			}
.AccesspointEditPopup .sub-header .dropdown-con .dropdown-toggle .display-name{
					font-size: 15px;
					color: white;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					margin-right: 6px;
					-webkit-box-align: center;
					    -ms-flex-align: center;
					        align-items: center;
				}
.AccesspointEditPopup .sub-header .dropdown-con .dropdown-toggle .display-name .icon{
						width: 20px;
						height: 20px;
						fill: white;
						margin-right: 8px;
					}
.AccesspointEditPopup .sub-header .dropdown-con .dropdown-menu{
				font-size: 0px;
				white-space: nowrap;
				text-align: left;
				overflow: hidden;
				position: absolute;
				left: -8px;
				top: 22px;
				border-radius: 0px;
				padding: 8px 0;
				width: 208px;
				min-width: 128px;
			}
.AccesspointEditPopup .sub-header .dropdown-con .dropdown-menu li{
					float:none;
					max-width: none;
					font-size: 15px;
					letter-spacing: 1.25px;
					height: 32px;
					line-height: 32px;
					cursor: pointer;
					margin-top: 8px;
					padding: 0 8px;
					color: @black-70;
				}
.AccesspointEditPopup .sub-header .dropdown-con .dropdown-menu li:first-child{
						margin-top: 0px;
					}
.AccesspointEditPopup .sub-header .dropdown-con .dropdown-menu li:hover{
						background-color:#F1F7FB;
					}
.AccesspointEditPopup .sub-header .dropdown-con .dropdown-menu li.active{
						background-color:#F1F7FB;
					}
.AccesspointEditPopup .sub-header .dropdown-con.show-dropdown .dropdown-menu{
					display: block;
				}
.AccesspointEditPopup .sub-header .model-con{
			float: right;
			font-size: 15px;
			color: white;
			letter-spacing: 1.25px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			margin-top: 6px;
		}
.AccesspointEditPopup .sub-header .model-con .model-info{
				display: inline-block;
				width: 105px;
			}
.AccesspointEditPopup .third-header{
		background: #F8F8F8;
		-webkit-box-shadow: 0px 1px 3px 0px rgba(65, 65, 65, .24), 0px 1px 2px 0px rgba(65, 65, 65, .48);
		        box-shadow: 0px 1px 3px 0px rgba(65, 65, 65, .24), 0px 1px 2px 0px rgba(65, 65, 65, .48);
	}
.AccesspointEditPopup .third-header .accesspoint-status-info{
			height: 24px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
		}
.AccesspointEditPopup .third-header .accesspoint-header-info{
			display: none;
		}
.AccesspointEditPopup.show-accesspoint-info .accesspoint-header-info{
			display: block;
		}
.AccesspointEditPopup .accesspoint-header-info{
		height: 24px;
		line-height: 24px;
	}
.AccesspointEditPopup .accesspoint-header-info .text{
			font-size: 12px;
			color: #555555;
			display: inline-block;
			vertical-align: middle;
		}
.AccesspointEditPopup .accesspoint-header-info .accesspoint-name{
			margin-left: 40px;
			margin-right: 16px;
			width:120px;
			height: 20px;
		}
.AccesspointEditPopup .ctl-group .ctl{
			max-width: none;
		}
.AccesspointEditPopup .ctl-group label{
			float: left;
			padding-right: 0;
			margin-right: 14px;
			margin-bottom: 0;
			letter-spacing: 0.05em;
		}
.AccesspointEditPopup .ctl-group input{
			letter-spacing: 1.08px;
		}
.AccesspointEditPopup .ctl-group input.deactivate{
				border-bottom: 1px solid #ababab;
			}
.AccesspointEditPopup .ctl-group .dropdown-field{
			max-width: none;
		}
.AccesspointEditPopup .ctl-group .dropdown-field input{
				width: 100%;
			}
.AccesspointEditPopup .ctl-group.mac-address-group{
			margin-right: 72px;
		}
.AccesspointEditPopup .ctl-group.location-group{
			display: none;
		}
.AccesspointEditPopup .ctl-group.location-group .SingleField{
				display: none;
			}
.AccesspointEditPopup .ctl-group.groups .inputCon{
				width: 100%;
			}
.AccesspointEditPopup .ctl-group.type-group{
			padding-left: 8px;
			margin-bottom: 40px;
		}
.AccesspointEditPopup .ctl-group.type-group.warning .ctl-label{
					color: #DA4F4A;
				}
.AccesspointEditPopup .ctl-group.type-group .radio-ctn{
				margin-top: 2px;
				height: 16px;
			}
.AccesspointEditPopup .ctl-group.type-group .radio{
				margin:0 8px 0 0;
				height: 14px;
				line-height: 20px;
				display: inline-block;
				padding-left: 0;
			}
.AccesspointEditPopup .ctl-group.type-group .radio .c-radio{
					float: left;
					margin-top: 2px;
				}
.AccesspointEditPopup .ctl-group.type-group .radio .c-radio.checked ~ .c-radio-text{
							color: #333333;
						}
.AccesspointEditPopup .ctl-group.type-group .radio .c-radio-text{
					margin-top: 2px;
					font-size: 12px;
					letter-spacing: 1.08px;
					color: #555555;
				}
.AccesspointEditPopup .mac-address-con .btn[disabled]{
				border-color: #DDDDDD;
				background: #F8F8F8;
			}
.AccesspointEditPopup .mac-address-con .btn-scan{
			float:right;
			width: 60px;
			height:24px;
			line-height: 10px;
			margin-top: 8px;
		}
.AccesspointEditPopup .mac-address-con .btn-delete-address{
			float:right;
			padding-left: 0; 
			padding-right: 0; 
			height:24px;
			margin-top: 8px;
			width: 60px;
			line-height: 10px;
		}
.AccesspointEditPopup .mac-address-con.readonly input{
				border: none;
			}
.AccesspointEditPopup .mac-address-con.readonly input:focus{
					border: none;
				}
.AccesspointEditPopup .mac-address-con.readonly .i-clear{
				display: none;
			}
.AccesspointEditPopup .disable-accesspoint{
		min-width: 360px;
		min-height: 144px;
		margin-top: -60px;
		margin-left: -180px;
		left: 50%;
		top: 40%;
	}
.AccesspointEditPopup .helper-text{
		line-height: 16px;
		letter-spacing: 0.9px;
		font-size: 12px;
		font-weight: 200;
		color: #555555;
		background: #e6e7e8;
		margin: 16px -16px;
		padding: 8px 16px 0px 16px;
	}
.AccesspointEditPopup .helper-text .warning-text{
			display: none;
			color: #DA4F4A;
		}
.AccesspointEditPopup .helper-text.warning .normal-text{
				display: none;
			}
.AccesspointEditPopup .helper-text.warning .warning-text{
				display: block;
			}
.AccesspointEditPopup .helper-text .encryption-text {
			font-size: 12px;
            font-weight: 500;
		}
.AccesspointEditPopup .section-container{
		padding: 0 16px;
	}
.AccesspointEditPopup .section-info > .helper-text{
			position: relative;
			z-index: 10;
			background: white;
		}
.AccesspointEditPopup .section-info > .helper-text:before{
				content: " ";
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				left:-2px;
				right:-2px;
				z-index: 0;
				-webkit-box-shadow: 0px -1px 3px 0px rgba(65, 65, 65, .24), 0px -1px 2px 0px rgba(65, 65, 65, .48);
				        box-shadow: 0px -1px 3px 0px rgba(65, 65, 65, .24), 0px -1px 2px 0px rgba(65, 65, 65, .48);
				display: block;
			}
.AccesspointEditPopup .section-info > .helper-text:after{
				content: " ";
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				z-index: 1;
				height: 1px;
				top:auto;
				bottom: -1px;
				background: white;
			}
.AccesspointEditPopup .test-section .helper-text{
			margin-top: 44px;
		}
.AccesspointEditPopup .test-section .helper-text:first-child{
				margin-top: 0px;
				padding-bottom: 4px;
				margin-bottom: 0px;
			}
.AccesspointEditPopup .test-section .checkbox-item{
			margin: 16px 0px;
		}
.AccesspointEditPopup .test-section .checkbox-item:before,
	.AccesspointEditPopup .test-section .checkbox-item:after {
		content: " ";
		display: table;
	}
.AccesspointEditPopup .test-section .checkbox-item:after {
		clear: both;
	}
.AccesspointEditPopup .test-section .checkbox-item .c-check{
				float:left;
			}
.AccesspointEditPopup .test-section .checkbox-item .c-check-text{
				font-size: 15px;
				line-height: 20px;
				letter-spacing: 1.25px;
			}
.AccesspointEditPopup .testing-section{
		height: 328px;
		overflow-y: auto;
		margin: 0 -16px;
	}
.AccesspointEditPopup .setting-section{
		height: 296px;
		margin: 0 -16px;
	}
.AccesspointEditPopup .setting-section .setting-row:before,
	.AccesspointEditPopup .setting-section .setting-row:after {
		content: " ";
		display: table;
	}
.AccesspointEditPopup .setting-section .setting-row:after {
		clear: both;
	}
.AccesspointEditPopup .setting-section .setting-item{
			height: 32px;
			margin-bottom: 0px;
			cursor: default;

		}
.AccesspointEditPopup .setting-section .setting-item .ctl-label{
				float: left;
				margin-left: 8px;
				font-size: 12px;
				color: #555555;
				letter-spacing: 1.08px;
				line-height: 16px;
			}
.AccesspointEditPopup .setting-section .setting-item .input-control{
				position: absolute;
				float: left;
				margin-left: 8px;
				line-height: 0px;
				width: 32px;
				font-size: 12px;
				padding-bottom: 0px;
				border: none;
				border-bottom: 1px dotted #DDDDDD;
			}
.AccesspointEditPopup .setting-section .setting-item .input-control:focus{
					outline-offset: 0px;
					outline: none;
					border-bottom: 1px solid #006BB2;
				}
.AccesspointEditPopup .setting-section .setting-item .last-label{
				float: left;
				margin-left: 46px;
				font-weight: 200;
				font-size: 12px;
				color: #555555;
				letter-spacing: 1px;
				line-height: 19px;
			}
.AccesspointEditPopup .setting-section .setting-item .setting-disable{
				display: none;
			}
.AccesspointEditPopup .setting-section .setting-item .setting-disable .text{
					display: inline-block;
					font-weight: 200;
					font-size: 12px;
					color: #999999;
					margin-left: 8px;
				}
.AccesspointEditPopup .setting-section .setting-item .setting-disable .btn{
					width: 80px;
					height: 24px;
					padding: 0px;
					line-height: 20px;
					margin-left: 16px;
				}
.AccesspointEditPopup .setting-section .setting-item .ctl-group{
				position: absolute;
				left: 42px;
				margin-top: -11px;
				height: 30px;
			}
.AccesspointEditPopup .setting-section .setting-item .ctl-group .SingleField{
					float: right;
					margin: 0px;
					margin-top: 0px;
					padding-top: 0px;
					padding-bottom: 8px;
					top:0px;
				}
.AccesspointEditPopup .setting-section .setting-item .ctl-group .SingleField .ctl{
						padding-top: 6px;
						font-size: 12px;
						letter-spacing: 1px;
					}
.AccesspointEditPopup .setting-section .setting-item .ctl-group .SingleField .dropdown-toggle{
						bottom: 1px;
					}
.AccesspointEditPopup .setting-section .setting-item .ctl-group .SingleField .ctl-label{
						display: none;
					}
.AccesspointEditPopup .setting-section .setting-item .ctl-group .SingleField .dropdown-items{
						margin-top: -8px;
					}
.AccesspointEditPopup .setting-section .setting-item .ctl-group .SingleField .dropdown-items .item{
							font-size: 12px;
							letter-spacing: 1px;
						}
.AccesspointEditPopup .setting-section .setting-item .ctl-group:last-child{
					margin-bottom: 0px;
				}
.AccesspointEditPopup .setting-section .setting-item.latch-interval{
				margin-top: 14px;
				margin-left: 8px;
			}
.AccesspointEditPopup .setting-section .setting-item.tamper-sensor{
				margin-top: 8px;
				margin-left: 8px;
			}
.AccesspointEditPopup .setting-section .setting-item.tamper-sensor .ctl-group{
					margin-left: 8px;
					width: 144px;
					right: auto;
					position: static;
					float:left;
					margin-top: -16px;
				}
.AccesspointEditPopup .setting-section .setting-item.rex-admit{
				position: relative;
				margin-left: 8px;
				margin-top: 8px;
			}
.AccesspointEditPopup .setting-section .setting-item.rex-admit .ctl-label{
					line-height: 24px;
					margin-bottom: 0px;
				}
.AccesspointEditPopup .setting-section .setting-item.rex-admit.disable .ctl-group{
						display: none;
					}
.AccesspointEditPopup .setting-section .setting-item.rex-admit.disable .setting-disable{
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-align: center;
						    -ms-flex-align: center;
						        align-items: center;
					}
.AccesspointEditPopup .setting-section .setting-item.aux-admit{
				position: relative;
				margin-left: 8px;
				margin-top: 16px;
			}
.AccesspointEditPopup .setting-section .setting-item.aux-admit .ctl-label{
					line-height: 24px;
					margin-bottom: 0px;
				}
.AccesspointEditPopup .setting-section .setting-item.aux-admit.disable .ctl-group{
						display: none;
					}
.AccesspointEditPopup .setting-section .setting-item.aux-admit.disable .setting-disable{
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-align: center;
						    -ms-flex-align: center;
						        align-items: center;
					}
.AccesspointEditPopup .setting-section .setting-item.beeper-sounds{
				margin-left: 0px;
				margin-top: 32px;
			}
.AccesspointEditPopup .setting-section .setting-item.beeper-sounds .button-con{
					margin: 0px 0px 0px 16px;
				}
.AccesspointEditPopup .setting-section .setting-item.beeper-sounds .button-con:before,
	.AccesspointEditPopup .setting-section .setting-item.beeper-sounds .button-con:after {
		content: " ";
		display: table;
	}
.AccesspointEditPopup .setting-section .setting-item.beeper-sounds .button-con:after {
		clear: both;
	}
.AccesspointEditPopup .setting-section .setting-item.beeper-sounds .button-con .ctl-label{
						margin-right: 33px;
						margin-left: 0px;
					}
.AccesspointEditPopup .setting-section .setting-item.beeper-sounds .button-con .checkbox-item{
						float: left;
						height: 24px;
						width: 136px;
						padding: 0px 2px;
						margin-bottom: 16px;
					}
.AccesspointEditPopup .setting-section .setting-item.beeper-sounds .button-con .checkbox-item .c-check{
							float:left;
						}
.AccesspointEditPopup .setting-section .setting-item.beeper-sounds .button-con .checkbox-item .c-check-text{
							margin-top: 4px;
						}
.AccesspointEditPopup .setting-section .setting-item.encryption-settings{
            				margin-left: 0px;
            				margin-top: 32px;
            			}
.AccesspointEditPopup .setting-section .setting-item.encryption-settings .button-con{
            					margin: 0px 0px 0px 16px;
            				}
.AccesspointEditPopup .setting-section .setting-item.encryption-settings .button-con:before,
	.AccesspointEditPopup .setting-section .setting-item.encryption-settings .button-con:after {
		content: " ";
		display: table;
	}
.AccesspointEditPopup .setting-section .setting-item.encryption-settings .button-con:after {
		clear: both;
	}
.AccesspointEditPopup .setting-section .setting-item.encryption-settings .button-con .ctl-label{
            						margin-right: 33px;
            						margin-left: 0px;
            					}
.AccesspointEditPopup .setting-section .setting-item.encryption-settings .button-con .checkbox-item{
            						float: left;
            						height: 24px;
            						width: 136px;
            						padding: 0px 2px;
            						margin-bottom: 16px;
            					}
.AccesspointEditPopup .setting-section .setting-item.encryption-settings .button-con .checkbox-item .c-check{
            							float:left;
            						}
.AccesspointEditPopup .setting-section .setting-item.encryption-settings .button-con .checkbox-item .c-check-text{
            							margin-top: 4px;
            						}
.AccesspointEditPopup .lock-confirm-section{
		height: 296px;
	}
.AccesspointEditPopup .lock-confirm-section .lock-confirm-message{
			margin-top: 16px;
			line-height: 16px;
			letter-spacing: 1.08px;
			font-size: 12px;
			font-weight: 200;
			color: #555555;
		}
.AccesspointEditPopup .cancel-section{
		height: 296px;
	}
.AccesspointEditPopup .cancel-section .cancel-message{
			margin-top: 16px;
			line-height: 16px;
			letter-spacing: 1.08px;
			font-size: 12px;
			font-weight: 200;
			color: #555555;
		}
.AccesspointEditPopup .cancel-section .cancel-message p{
				margin: 16px 0px;
			}
.AccesspointEditPopup .ip-bridge-popup{
		position: absolute;
		top: 112px;
		right: 8px;
		bottom: 0;
		left: 8px;
		border: 2px solid #1c75bc;
		-webkit-box-shadow: 0px 3px 6px 0px rgba(65, 65, 65, .32), 0px 3px 6px 0px rgba(65, 65, 65, .46);
		        box-shadow: 0px 3px 6px 0px rgba(65, 65, 65, .32), 0px 3px 6px 0px rgba(65, 65, 65, .46);
		background: white;
		z-index: 100;
	}
.AccesspointEditPopup .ip-bridge-popup .ip-bridge-body .ctl-group{
				margin-left: 8px;
				margin-right: 8px;
			}
.AccesspointEditPopup .ip-bridge-popup .ip-bridge-footer{
			background: #e6e7e8;
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			top: 170px;
			height: 128px;
		}
.AccesspointEditPopup .ip-bridge-popup .ip-bridge-footer .helper-text{
				margin: 0 0 8px 0;
			}
.AccesspointEditPopup .ip-bridge-popup .ip-bridge-footer .btn{
				float:right;
				height: 28px;
				top: 4px;
				margin-right: 16px;
			}
.AccesspointEditPopup-parent .popup-modal{
		height: 100%;
	}
.AccesspointEditPopup-parent .popup-modal .modal-body{
			padding: 0px;
		}
.AccesspointEditPopup-parent .popup-modal .popup-header .right-btns{
				position: absolute;
				right: 0px;
				top: 16px;
			}
.AccesspointEditPopup-parent .popup-modal .popup-header .right-btns .icon{
					font-size: 24px;
					color: white;
					letter-spacing: 2px;
				}
.AccesspointEditPopup-parent .popup-modal .popup-header .header-popup-dropdown{
				position: absolute;
				min-width: 96px;
				right: 8px;
				top: 32px;
				background-color: white;
				-webkit-box-shadow: 0px 3px 6px 0px rgba(65, 65, 65, .32), 0px 3px 6px 0px rgba(65, 65, 65, .46);
				        box-shadow: 0px 3px 6px 0px rgba(65, 65, 65, .32), 0px 3px 6px 0px rgba(65, 65, 65, .46);
				color: #231f20;
				text-align: center;
				font-size: 13px;
				font-weight: 200;
				display: none;
			}
.AccesspointEditPopup-parent .popup-modal .popup-header .header-popup-dropdown.show-dropdown{
					display: block;
				}
.AccesspointEditPopup-parent .popup-modal .popup-header .header-popup-dropdown .item{
					height: 32px;
					line-height: 32px;
					letter-spacing: 1.08px;
					cursor: pointer;
				}
.AccesspointEditPopup-parent .popup-modal .popup-header .header-popup-dropdown .item:hover{
						background-color: #F1F7FB;
					}
.AccesspointEditPopup-parent .popup-modal .popup-footer.base-mode .btn-cancel-section{
					display: block;
				}
.AccesspointEditPopup-parent .popup-modal .popup-footer.base-mode .save{
					display: block;
				}
.AccesspointEditPopup-parent .popup-modal .popup-footer.base-mode .btn-next{
					display: block;
				}
.AccesspointEditPopup-parent .popup-modal .popup-footer.test-mode .btn-back{
					display: block;
				}
.AccesspointEditPopup-parent .popup-modal .popup-footer.test-mode .save{
					display: block;
				}
.AccesspointEditPopup-parent .popup-modal .popup-footer.test-mode .btn-next{
					display: block;
				}
.AccesspointEditPopup-parent .popup-modal .popup-footer.testing-mode .btn-test-complete{
					display: block;
				}
.AccesspointEditPopup-parent .popup-modal .popup-footer.testing-mode .save{
					margin-right: 16px;
					display: block;
					float:right;
				}
.AccesspointEditPopup-parent .popup-modal .popup-footer.setting-mode .btn-setting-complete{
					display: block;
				}
.AccesspointEditPopup-parent .popup-modal .popup-footer.lock-confirm-mode .btn-lock{
					display: block;
				}
.AccesspointEditPopup-parent .popup-modal .popup-footer.lock-confirm-mode .btn-unlock{
					display: block;
				}
.AccesspointEditPopup-parent .popup-modal .popup-footer.cancel-mode .cancel{
					display: block;
				}
.AccesspointEditPopup-parent .popup-modal .popup-footer.cancel-mode .btn-stay{
					display: block;
				}
.AccesspointEditPopup-parent .AccesspointEditPopup-footer{
		text-align: center;
	}
.AccesspointEditPopup-parent .AccesspointEditPopup-footer:before,
	.AccesspointEditPopup-parent .AccesspointEditPopup-footer:after {
		content: " ";
		display: table;
	}
.AccesspointEditPopup-parent .AccesspointEditPopup-footer:after {
		clear: both;
	}
.AccesspointEditPopup-parent .AccesspointEditPopup-footer .btn{
			margin-right:16px;
			margin-left: 0px;
			float:right;
			display: none;
		}
.AccesspointEditPopup-parent .AccesspointEditPopup-footer .btn.cancel{
				margin-right:0px;
				padding: 0 5px;
			}
.AccesspointEditPopup-parent .AccesspointEditPopup-footer .btn.save{
				margin-right: 8px;
			}
.AccesspointEditPopup-parent .AccesspointEditPopup-footer .btn-activate{
			width:80px;
			margin-left: -4px;
			padding-left: 0px;
			padding-right: 0px;
			text-align: center;
		}
.AccesspointEditPopup-parent .AccesspointEditPopup-footer .btn-next{
			margin-right: 0px;
			margin-left: 8px;
		}
.AccesspointEditPopup-parent .AccesspointEditPopup-footer .btn-test-complete{
			padding: 0px 6px;
			margin-right: 0px;
		}
.AccesspointEditPopup-parent .AccesspointEditPopup-footer .btn-setting-complete{
			padding: 0px 6px;
			margin-right: 0px;
		}
.AccesspointEditPopup-parent .AccesspointEditPopup-footer .btn-lock{
			padding: 0px 6px;
			margin-right: 0px;
		}
.AccesspointEditPopup-parent .AccesspointEditPopup-footer .btn-unlock{
			margin-right: 16px;
		}
.AccesspointEditPopup-parent .AccesspointEditPopup-footer .btn-stay{
			padding: 0 5px;
		}
@media(max-width: 800px){
	.AccesspointEditPopup-parent{
		width:100%;
		height:100%;

	}
		.AccesspointEditPopup-parent .Popup-con{
			height: 100%;
			width: 100%;
		}
		.AccesspointEditPopup-parent .popup-modal{
			height: 100%;
		}
			.AccesspointEditPopup-parent .popup-modal .modal-body{
				position: absolute;
				top:32px;
				bottom:64px;
				left: 0px;
				right:0px;
			}
			.AccesspointEditPopup-parent .popup-modal .modal-footer{
				bottom:0px;
				left: 0;
				right: 0px;
				position: absolute;
			}
		.AccesspointEditPopup-parent .AccesspointEditPopup{
			width: auto;
			min-height: 200px;

			position: absolute;

			top: 0;

			right: 0;

			bottom: 0;

			left: 0;
		}

			.AccesspointEditPopup-parent .AccesspointEditPopup .sub-header{
                margin: 24px 0px 0 0;
            }
                .AccesspointEditPopup-parent .AccesspointEditPopup .cancel-section .cancel-message{
                    margin-top: 26px;
                }
			.AccesspointEditPopup-parent .AccesspointEditPopup .third-header{
				position: relative;
				-webkit-box-shadow: none;
				        box-shadow: none;
			}
				.AccesspointEditPopup-parent .AccesspointEditPopup .third-header:after{
					content: " ";
					position: absolute;
					left: -4px;
					right: -4px;
					bottom: 0px;
					top: 0px;
					z-index: 0;
					-webkit-box-shadow: 0px 1px 2px 0px rgba(65, 65, 65, .24), 0px 1px 2px 0px rgba(65, 65, 65, .48);
					        box-shadow: 0px 1px 2px 0px rgba(65, 65, 65, .24), 0px 1px 2px 0px rgba(65, 65, 65, .48);
				}
			.AccesspointEditPopup-parent .AccesspointEditPopup .section-container{
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				top: 72px;
				overflow-y: auto;
			}
			.AccesspointEditPopup-parent .AccesspointEditPopup .section-info{
				height: auto;
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
			}
				.AccesspointEditPopup-parent .AccesspointEditPopup .section-info .section-info-main{
					position: absolute;
					top: 0;
					right: 0;
					bottom: 0;
					left: 0;
					bottom: 0px;
					padding: 20px 16px;
					overflow-y: auto;
				}
					.AccesspointEditPopup-parent .AccesspointEditPopup .section-info .section-info-main .helper-text{
						position: static;
					}
					.AccesspointEditPopup-parent .AccesspointEditPopup .section-info.base-section .section-info-main{
						bottom: 40px;
					}
					.AccesspointEditPopup-parent .AccesspointEditPopup .section-info.test-section .section-info-main{
						bottom: 40px;
					}
				.AccesspointEditPopup-parent .AccesspointEditPopup.show-accesspoint-info .section-container{
					top: 82px;
				}
			.AccesspointEditPopup-parent .AccesspointEditPopup .helper-text{
				position: absolute;
				padding-left: 16px;
				bottom: 16px;
				left: 16px;
				right: 16px;
				z-index: 10;
			}
}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.AccesspointInfoEditView{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	
}
.AccesspointInfoEditView-screen.noevents{
			pointer-events: none;
		}
.AccesspointInfoEditView-content{
		position: relative;
		z-index: 1;
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;

	}
.AccesspointInfoEditView-content .head-ctn{
			height: 224px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			margin: 16px;
		}
.AccesspointInfoEditView-content .head-ctn-header{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				height: 72px;
				width: 100%;
				
			}
.AccesspointInfoEditView-content .head-ctn-header .title{
					-webkit-box-flex: 1;
					    -ms-flex: 1;
					        flex: 1;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-align: center;
					    -ms-flex-align: center;
					        align-items: center;
					font-size: 15px;
				}
.AccesspointInfoEditView-content .head-ctn-header .button-con{
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					display: flex;
					-webkit-box-align: center;
					    -ms-flex-align: center;
					        align-items: center;
					-webkit-box-pack: end;
					    -ms-flex-pack: end;
					        justify-content: flex-end;
				}
.AccesspointInfoEditView-content .head-ctn-header .button-con .save-btns{
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-flex: 0;
						    -ms-flex: none;
						        flex: none;
					}
.AccesspointInfoEditView-content .head-ctn-header .button-con .btn{
						margin-right: 16px;
					}
.AccesspointInfoEditView-content .head-ctn .info-edit-ctn{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				margin-top: 16px;
			}
.AccesspointInfoEditView-content .head-ctn .basic-info{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				background: white;
				-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
				        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
				color: #555555;
			}
.AccesspointInfoEditView-content .head-ctn .basic-info .sub-ctn-lt{
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					    -ms-flex-direction: column;
					        flex-direction: column;
				}
.AccesspointInfoEditView-content .head-ctn .basic-info .sub-ctn-rt{
					-webkit-box-flex: 1;
					    -ms-flex: 1;
					        flex: 1;
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					    -ms-flex-direction: column;
					        flex-direction: column;
				}
.AccesspointInfoEditView-content .head-ctn .basic-info .info-row{
					-webkit-box-flex: 1;
					    -ms-flex: 1;
					        flex: 1;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-align: center;
					    -ms-flex-align: center;
					        align-items: center;
				}
.AccesspointInfoEditView-content .head-ctn .basic-info .replace-button{
					margin: 8px 0 0 16px;
				}
.AccesspointInfoEditView-content .head-ctn .basic-info .accesspoint-type{
					margin-left: 16px;
				}
.AccesspointInfoEditView-content .head-ctn .basic-info .credential-bitmask{
					margin-left: 16px;
				}
.AccesspointInfoEditView-content .head-ctn .basic-info .ctl.changed{
						background-color: #F1F7FB;
					}
.AccesspointInfoEditView-content .head-ctn .basic-info .dropdown-control.changed{
						background-color: #F1F7FB;
					}
.AccesspointInfoEditView-content .status-info-con{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			width: 320px;
			height: 100%;
			background-color: #999;
			color: white;
			font-size: 13px;
		}
.AccesspointInfoEditView-content .status-info-con .accesspoint-status-info{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
			}
.AccesspointInfoEditView-content .status-info-con .door-latch-con{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				padding-left: 16px;
			}
.AccesspointInfoEditView-content .status-info-con .door-latch-con .switch-group{
					margin-left: 8px;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-align: center;
					    -ms-flex-align: center;
					        align-items: center;
				}
.AccesspointInfoEditView-content .status-info-con .door-latch-con .switch-group .switch-text{
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
					}
.AccesspointInfoEditView-content .status-info-con .door-latch-con .switch-group .switch-text .icon{
							margin: 0 8px;
						}
.AccesspointInfoEditView-content .ctl-group{
			width: 176px;
			margin-left: 16px;
		}
.AccesspointInfoEditView-content .ctl-group.location-group{
				display: none;
			}
.AccesspointInfoEditView-content .ctl-group.description-group{
				margin-top: 16px;
				margin-bottom: 8px;
				width: 240px;
			}
.AccesspointInfoEditView-content .ctl-group .area-con{
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
			}
.AccesspointInfoEditView-content .ctl-group .area-con .Combo{
					width: 100%;
				}
.AccesspointInfoEditView-content .relation-edit{
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			margin: 0 16px 16px 16px;
		}
.AccesspointInfoEditView-content .sub-secs{
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			margin-left: 8px;
		}
.AccesspointInfoEditView-content .sub-secs > .sub-ctn{
				margin-bottom: 8px;
			}
.AccesspointInfoEditView-content .sub-secs > .sub-ctn:last-child{
					margin-bottom: 0px;
				}
.AccesspointInfoEditView-content .relation-ctn{
			-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
			        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
			background: white;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
		}
.AccesspointInfoEditView-content .relation-ctn .relation-title{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				height: 56px;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
				background: #006BB2;
				padding: 0 16px;
				font-family: "Oswald";
				font-weight: 600;
				color: #001C49;
				font-size: 14px;
				color: white;
			}
.AccesspointInfoEditView-content .relation-ctn .relation-title .btn-add{
					padding: 3px 12px;
				}
.AccesspointInfoEditView-content .relation-ctn .relation-content{
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				overflow-y: auto;

			}
.AccesspointInfoEditView-content .relation-ctn .relation-content .help-text{
					color: #555555;
					padding: 16px;
					font-style: italic;
				}
.AccesspointInfoEditView-content .relation-ctn .relation-content .relation-info{
					min-height: 56px;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					padding: 0 16px;
					-webkit-box-pack: justify;
					    -ms-flex-pack: justify;
					        justify-content: space-between;
					-webkit-box-align: center;
					    -ms-flex-align: center;
					        align-items: center;
					outline: none;
					position: relative;
				}
.AccesspointInfoEditView-content .relation-ctn .relation-content .relation-info:before{
						content: " ";
						position: absolute;
						left: 16px;
						right: 16px;
						bottom: 0px;
						border-bottom: 1px solid #CECECE;
					}
.AccesspointInfoEditView-content .relation-ctn .relation-content .relation-info.changed{
						background-color: #F1F7FB;
					}
.AccesspointInfoEditView-content .relation-ctn .relation-content .relation-info .lt{
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-align: center;
						    -ms-flex-align: center;
						        align-items: center;
						color: #555555;
						margin-right: auto;
					}
.AccesspointInfoEditView-content .relation-ctn .relation-content .relation-info .lt .icon{
							margin-right: 16px;
						}
.AccesspointInfoEditView-content .relation-ctn .relation-content .relation-info .lt .last-used{
							height: 24px;
						}
.AccesspointInfoEditView-content .relation-ctn .relation-content .relation-info .lt .value{
							-webkit-box-flex: 1;
							    -ms-flex: 1;
							        flex: 1;
						}
.AccesspointInfoEditView-content .relation-ctn .relation-content .relation-info .rt{
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
					}
.AccesspointInfoEditView-content .relation-ctn .relation-content .relation-info .rt .info-action{
							margin-right: 8px;
						}
.AccesspointInfoEditView-content .relation-ctn .relation-content .relation-info:last-child{
						border-bottom: none;
					}
.AccesspointInfoEditView-content .relation-ctn .relation-content .relation-info .info-action{
						display: none;
					}
.AccesspointInfoEditView-content .relation-ctn .relation-content .relation-info:focus{
						background-color: #F1F7FB;
					}
.AccesspointInfoEditView-content .relation-ctn .relation-content .relation-info:focus .info-action{
							display: -webkit-box;
							display: -ms-flexbox;
							display: flex;
						}
.AccesspointInfoEditView-content .relation-ctn .relation-content .relation-info:focus .des{
							display: none;
						}
.AccesspointInfoEditView-content .sub-ctn{
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
		}
.AccesspointInfoEditView-content .sub-ctn.settings{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-flex: 2;
				    -ms-flex: 2;
				        flex: 2;
				margin-right: 8px;
			}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content{
					padding: 8px 16px;
					-webkit-box-orient: horizontal;
					-webkit-box-direction: normal;
					    -ms-flex-direction: row;
					        flex-direction: row;
				}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-left{
						-webkit-box-flex: 1;
						    -ms-flex: 1;
						        flex: 1;
						margin-right: 8px;
						min-height: unset;
					}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-right{
						-webkit-box-flex: 1;
						    -ms-flex: 1;
						        flex: 1;
						margin-left: 8px;
					}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info{
						min-height: 72px;
						padding-bottom: 16px;
						cursor: default;
						-webkit-box-orient: vertical;
						-webkit-box-direction: normal;
						    -ms-flex-direction: column;
						        flex-direction: column;
						-webkit-box-pack: start;
						    -ms-flex-pack: start;
						        justify-content: flex-start;
						-webkit-box-align: start;
						    -ms-flex-align: start;
						        align-items: flex-start;
						margin: 8px 0;
					}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info .test-sec{
							width: 100%;
							display: -webkit-box;
							display: -ms-flexbox;
							display: flex;
							-webkit-box-orient: vertical;
							-webkit-box-direction: normal;
							    -ms-flex-direction: column;
							        flex-direction: column;
							-webkit-box-flex: 1;
							    -ms-flex: 1;
							        flex: 1;
						}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info .ctl-label{
							font-size: 13px;
							font-weight: 200;
							color: #555555;
							letter-spacing: 1.08px;
							line-height: 18px;
							margin-bottom: 0px;
						}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info .input-control{
							margin-left: 8px;
							line-height: 16px;
							width: 32px;
							color: #555555;
							padding-bottom: 0px;
							border: none;
							border-bottom: 1px dotted #CECECE;
						}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info .input-control:focus{
								outline-offset: 0px;
								outline: none;
								border-bottom: 1px solid #006BB2;
							}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info .input-control.changed{
								background-color: #F1F7FB;
							}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info .last-label{
							font-size: 12px;
							color: #333333;
							letter-spacing: 1px;
							line-height: 19px;
						}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info .setting-item{
							height: 24px;
							margin-top: 16px;
							display: -webkit-box;
							display: -ms-flexbox;
							display: flex;
							-webkit-box-align: center;
							    -ms-flex-align: center;
							        align-items: center;
						}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.beeper-sounds{
							padding-bottom: 8px;
						}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.beeper-sounds .ctl-label{
								width: 100%;
								margin-bottom: -2px;
							}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info .checkbox-con{
							display: -webkit-box;
							display: -ms-flexbox;
							display: flex;
							-webkit-box-flex: 1;
							    -ms-flex: 1;
							        flex: 1;
							-ms-flex-wrap:wrap;
							    flex-wrap:wrap;
							margin-top: 8px;
						}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info .checkbox-con .checkbox-row{
								display: -webkit-box;
								display: -ms-flexbox;
								display: flex;
								height: 16px;
								padding-left: 8px;
							}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info .checkbox-con .checkbox-row .checkbox{
									display: -webkit-box;
									display: -ms-flexbox;
									display: flex;
									-webkit-box-align: center;
									    -ms-flex-align: center;
									        align-items: center;
									height: 16px;
									width: 112px;
									min-height: 16px;
									padding-left: 8px;
									margin-top: 0px;
									margin-bottom: 0px;
								}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info .checkbox-con .checkbox-row .checkbox .c-check-text{
										margin-bottom: 0px;
									}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info .checkbox-con .checkbox-row .checkbox.changed{
										background-color: #F1F7FB;
									}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.encryption-settings{
							height: 104px;
							padding-top: 4px;
						}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.encryption-settings .ctl-label{
								width: 100%;
								margin-bottom: -2px;
							}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.encryption-settings .checkbox-con{
								display: -webkit-box;
								display: -ms-flexbox;
								display: flex;
								-webkit-box-flex: 1;
								    -ms-flex: 1;
								        flex: 1;
								-ms-flex-wrap:wrap;
								    flex-wrap:wrap;
							}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.encryption-settings .checkbox-con .checkbox-row{
									display: -webkit-box;
									display: -ms-flexbox;
									display: flex;
									height: 16px;
									padding-left: 8px;
									padding-top: 16px;
								}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.encryption-settings .checkbox-con .checkbox-row .checkbox{
										display: -webkit-box;
										display: -ms-flexbox;
										display: flex;
										-webkit-box-align: center;
										    -ms-flex-align: center;
										        align-items: center;
										height: 16px;
										width: 112px;
										min-height: 16px;
										padding-left: 8px;
										margin-top: 0px;
										margin-bottom: 0px;
									}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.encryption-settings .checkbox-con .checkbox-row .checkbox .c-check-text{
											margin-bottom: 0px;
										}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.encryption-settings .checkbox-con .checkbox-row .checkbox.changed{
											background-color: #F1F7FB;
										}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info .ctl-group{
							padding-top: 0;
							width: 120px;
						}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info .ctl-group.rex-aux-group{
								width: 152px;
							}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info .ctl-group .SingleField .ctl.changed{
										background-color: #F1F7FB;
									}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info .ctl-group .SingleField .ctl-label{
									display: none;
								}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info .ctl-group .SingleField .dropdown-items .item{
										font-size: 12px;
										letter-spacing: 1px;
									}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info .ctl-group .SingleField.changed{
									border-radius: 0px;
								}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info .ctl-group .SingleField.changed .ctl{
										background-color: #F1F7FB;
									}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info .ctl-group:last-child{
								margin-bottom: 0px;
							}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.test{
							height: 72px;
							margin-bottom: 8px;
							padding-bottom: 8px;
						}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.test.rex-test, .AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.test.aux-test{
								height: 120px;
							}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.test.rex-test .rex-admit, .AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.test.rex-test .aux-admit, .AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.test.aux-test .rex-admit, .AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.test.aux-test .aux-admit{
									margin-top: 24px;
								}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.test.rex-test .rex-admit .setting-disable,.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.test.rex-test .aux-admit .setting-disable,.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.test.aux-test .rex-admit .setting-disable,.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.test.aux-test .aux-admit .setting-disable{
										display: none;
									}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.test.rex-test .rex-admit .setting-disable .text,.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.test.rex-test .aux-admit .setting-disable .text,.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.test.aux-test .rex-admit .setting-disable .text,.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.test.aux-test .aux-admit .setting-disable .text{
											position: relative;
											top: 0px;
											left: 14px;
											color: #555555;
											letter-spacing: 1px;
											line-height: 22px;
											font-style: italic;
											font-size: 12px;
										}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.test.rex-test .rex-admit.disable .ctl-group,.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.test.rex-test .aux-admit.disable .ctl-group,.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.test.aux-test .rex-admit.disable .ctl-group,.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.test.aux-test .aux-admit.disable .ctl-group{
											display: none;
										}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.test.rex-test .rex-admit.disable .setting-disable,.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.test.rex-test .aux-admit.disable .setting-disable,.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.test.aux-test .rex-admit.disable .setting-disable,.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.test.aux-test .aux-admit.disable .setting-disable{
											display: block;
										}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.test.changed{
								background: #F1F7FB;
							}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.test .head-info{
								height: 16px;
								-webkit-box-pack: justify;
								    -ms-flex-pack: justify;
								        justify-content: space-between;
								display: -webkit-box;
								display: -ms-flexbox;
								display: flex;
								width: 100%;
							}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.test .head-info .check-ctn{
									display: -webkit-box;
									display: -ms-flexbox;
									display: flex;
									margin-top: 8px;
									width: 120px;
									-webkit-box-align: center;
									    -ms-flex-align: center;
									        align-items: center;
								}
/* .c-check{
										float: left;
										border: 1px solid @primary-dark;
										&.checked{
											border: 1px solid @success-normal;
										}
										&.disabled{
											border-color: @black-30;
											&.checked{
												border-color: @black-30;
												&:before{
													color: @black-30;
												}
											}
										}
									} */
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.test .head-info .check-ctn .c-check-text{
										margin-left: 8px;
									}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.test .update-info{
								height: 16px;
								width: 100%;
								padding-left: 16px;
							}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.test .update-info span{
									display: block;
									color: #555555;
									letter-spacing: 1px;
									line-height: 22px;
									font-style: italic;
									font-size: 12px;
								}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.test .test-info{
								display: -webkit-box;
								display: -ms-flexbox;
								display: flex;
								-webkit-box-pack: end;
								    -ms-flex-pack: end;
								        justify-content: flex-end;
								width: 100%;
								height: 24px;
							}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.test .test-info .status{
									position: absolute;
									left: 16px;
									top: 40px;
									font-size: 12px;
									letter-spacing: 0.99px;
									margin-left: 16px;
								}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.test .test-info .status.success{
										color: #72B864;
									}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.test .test-info .status.fail{
										color: #DA4F4A;
									}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.test .test-info .status.not-test{
										display: none;
									}
.AccesspointInfoEditView-content .sub-ctn.settings .relation-content .relation-info.test .test-info .btn{
									padding:0px;
									width: 88px;
									height: 24px;
									text-align: center;
									margin-right: 32px;
									font-size: 12px;
									margin-top: 4px;
								}
.AccesspointInfoEditView .c-modal .c-modal-body .content{
				white-space: normal;
			}
.AccesspointInfoEditView .c-modal.test-modal {
			min-height: 216px;
			width: 304px;
		}
.AccesspointInfoEditView .c-modal.test-modal .c-modal-header {
				padding: 0;
				cursor: pointer;
				height: 40px;
				background: #006BB2;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
			}
.AccesspointInfoEditView .c-modal.test-modal .c-modal-header .modal-title {
					font-size: 17px;
					color: white;
					margin-left: 16px;
				}
.AccesspointInfoEditView .c-modal.test-modal .c-modal-body {
				padding-bottom: 16px;
			}
.AccesspointInfoEditView .c-modal.test-modal .c-modal-body .place-holder {
					font-size: 12px;
					color: #555555;
					letter-spacing: 1px;
					padding: 16px 16px 0px 16px;
				}
.AccesspointInfoEditView .c-modal.test-modal .c-modal-footer {
				position: absolute;
				right: 0px;
				bottom: 0px;
			}
.AccesspointInfoEditView .c-modal.test-modal .test-item .item-header{
					display: none;
				}
.AccesspointInfoEditView .c-modal.test-modal .test-item .item-body {
					padding: 16px 0px 0 0px;
				}
.AccesspointInfoEditView .c-modal.test-modal .test-item .item-body .status-item.latch-status-item .sub-title{
								display: none;
							}
.phone-mode .AccesspointInfoEditView .section-dropdown-ctn{
			display:-webkit-box;
			display:-ms-flexbox;
			display:flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			width: 100%;
		}
.phone-mode .AccesspointInfoEditView .section-dropdown-ctn .btn-add{
				padding: 3px 12px;
			}
.phone-mode .AccesspointInfoEditView .section-dropdown-ctn .it-box{
				height: 32px;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				padding: 0 16px;
			}
.phone-mode .AccesspointInfoEditView .section-dropdown-ctn .it-box.title-box{
					height: 56px;
					background-color: #006BB2;
					font-family: "Oswald";
					font-weight: 600;
					color: #001C49;
					font-size: 14px;
					color: white;
				}
.phone-mode .AccesspointInfoEditView .section-dropdown-ctn .dropdown-con{
				margin: 0;
			}
.phone-mode .AccesspointInfoEditView .section-dropdown-ctn .dropdown-con .display-name{
					color: #006BB2;
					font-weight: 600;
				}
.phone-mode .AccesspointInfoEditView .section-dropdown-ctn .dropdown-con .toggle-icon{
					margin-left: 8px;
				}
.phone-mode .AccesspointInfoEditView .section-dropdown-ctn .dropdown-con .dropdown-menu{
					left: -16px;
					height: auto;
				}
.phone-mode .AccesspointInfoEditView .section-dropdown-ctn .dropdown-con .dropdown-menu li{
						font-size: 14px;
						height: 32px;
						margin: 0;
						padding: 0 16px;
						-webkit-box-align: center;
						    -ms-flex-align: center;
						        align-items: center;
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-pack: justify;
						    -ms-flex-pack: justify;
						        justify-content: space-between;
					}
.phone-mode .AccesspointInfoEditView .section-dropdown-ctn .dropdown-con .dropdown-menu li.active{
							font-weight: 600;
							color: #006BB2;
						}
.phone-mode .AccesspointInfoEditView .section-dropdown-ctn .dropdown-con .dropdown-menu li:hover{
							background-color: #F1F7FB;
						}
.phone-mode .AccesspointInfoEditView .basic-info{
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			width: 100%;
			background-color: white;
			-webkit-box-shadow: none;
			        box-shadow: none;
		}
.phone-mode .AccesspointInfoEditView .status-info-con{
			width: 100%;
			height: 56px;
		}
.phone-mode .AccesspointInfoEditView .relation-edit{
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			width: 100%;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			margin: 0;
		}
.phone-mode .AccesspointInfoEditView .relation-edit .ctl-group{
				margin: 16px 8px 0 8px;
				width: auto;
			}
.phone-mode .AccesspointInfoEditView .relation-edit .ctl-group.mac-address-group{
					-webkit-box-flex:1;
					    -ms-flex:1;
					        flex:1;
				}
.phone-mode .AccesspointInfoEditView .relation-edit .replace-button{
				margin-top: 24px;
				margin-right: 8px;
			}
.phone-mode .AccesspointInfoEditView .relation-edit .accesspoint-type{
				margin: 16px 8px 0 8px;
			}
.phone-mode .AccesspointInfoEditView .relation-edit .credential-bitmask{
				margin: 16px 8px 0 8px;
			}
.phone-mode .AccesspointInfoEditView .relation-edit .sub-ctn{
				display: none;
				background: white;
				margin: 0;
			}
.phone-mode .AccesspointInfoEditView .relation-edit .sub-ctn .relation-title{
					display: none;
				}
.phone-mode .AccesspointInfoEditView .relation-edit .sub-ctn.active{
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-flex: 1;
					    -ms-flex: 1;
					        flex: 1;
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					    -ms-flex-direction: column;
					        flex-direction: column;
				}
.phone-mode .AccesspointInfoEditView .relation-edit .sub-ctn .relation-content{
					overflow-y: auto;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-flex: 1;
					    -ms-flex: 1;
					        flex: 1;
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					    -ms-flex-direction: column;
					        flex-direction: column;
				}
.phone-mode .AccesspointInfoEditView .relation-edit .sub-ctn .relation-content .checkbox-con .checkbox-row {
							display: block;
							width: 100%;
						}
.phone-mode .AccesspointInfoEditView .relation-edit .sub-ctn .relation-content .checkbox-con .checkbox-row .checkbox {
								width: auto;
							}
.phone-mode .AccesspointInfoEditView .button-con{
			width: 100%;
		}
.phone-mode .AccesspointInfoEditView .save-btns{
			border-top: 1px solid #006BB2;
			height: 56px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			-webkit-box-pack: end;
			    -ms-flex-pack: end;
			        justify-content: flex-end;
			padding-right: 8px;
		}
.phone-mode .AccesspointInfoEditView .save-btns .btn{
				width: 80px;
				margin-left: 16px;
			}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.AccesspointSelectPopup .dropdown-field{
		max-width: none;
	}

/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.AccesspointsView{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.AccesspointsView .action-dropdown .dropdown-menu{
			bottom: -96px;
		}
.AccesspointsView .table-panel{
		margin-left: 0px;
	}
.AccesspointsView .table-panel .tr{
			height: auto;
			-webkit-box-flex: 0;
			    -ms-flex: none;
			        flex: none;
		}
.AccesspointsView .table-panel .td.rowselect .toggle-icon{
					margin-left: 12px;
				}
.AccesspointsView .table-panel .td .group{
				color: #006BB2;
				cursor: pointer;
			}
.AccesspointsView .table-panel .td.status .complete{
					color: #72B864;
				}
.AccesspointsView .table-panel .tbody .td.status{
					padding-left: 32px;
				}
.AccesspointsView .accesspoint-text{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		height: 56px;
		color: #555555;
	}
.phone-mode .AccesspointsView .nav-main{
			margin: 0;
		}
.phone-mode .AccesspointsView .nav-sec-header{
			display: none;
		}
.phone-mode .AccesspointsView .list-panel .btn-add{
				padding: 3px 12px;
			}
.phone-mode .AccesspointsView .list-panel .data-col.status{
					width: 112px;
					-webkit-box-flex: 0;
					    -ms-flex: none;
					        flex: none;
					-webkit-box-pack: center;
					    -ms-flex-pack: center;
					        justify-content: center;
				}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.ActiveDirectoryView{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex:1;
	    -ms-flex:1;
	        flex:1;
}
.ActiveDirectoryView-screen.noevents{
			pointer-events: none;
		}
.ActiveDirectoryView .button-con{
		position: absolute;
		top: -80px;
		left: 568px;
		right: 0;
		height: 80px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
	}
.ActiveDirectoryView .button-con .save-btns{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			margin-left: auto;
		}
.ActiveDirectoryView .button-con .save-btns .btn{
				width: 128px;
				margin-left: 16px;
			}
.ActiveDirectoryView .button-con .sync-btns{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: end;
			    -ms-flex-pack: end;
			        justify-content: flex-end;
			margin-left: 16px;
		}
.ActiveDirectoryView .button-con .sync-btns .btn-sync{
				width: 200px;
			}
.ActiveDirectoryView .button-con .sync-btns .btn-sync.updating .icon{
						-webkit-animation: clockwise 1s infinite;
						        animation: clockwise 1s infinite;
					}
.ActiveDirectoryView .setting-ctn{
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		margin: 0 0 0 16px;
		display: flex;
	}
.ActiveDirectoryView .setting-ctn-right{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			-ms-flex-wrap: wrap;
			    flex-wrap: wrap;
			overflow-y: auto;
			padding: 2px 2px 2px 0;
		}
.ActiveDirectoryView .setting-ctn-right .wrap-section{
				position: relative;
				margin-left: 16px;
				margin-bottom: 16px;
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
			}
.ActiveDirectoryView .setting-ctn .section{
			min-width: 280px;
			background-color: white;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-flex:1;
			    -ms-flex:1;
			        flex:1;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			-webkit-box-shadow: 0 1px 3px 0 rgba(65, 65, 65, .24),0 1px 2px 0 rgba(65, 65, 65, .48);
			        box-shadow: 0 1px 3px 0 rgba(65, 65, 65, .24),0 1px 2px 0 rgba(65, 65, 65, .48);
		}
.ActiveDirectoryView .setting-ctn .section .ctl.changed{
					background-color: #F1F7FB;
				}
.ActiveDirectoryView .setting-ctn .section-title{
				height: 48px;
				color: #006BB2;
				font-size: 16px;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				padding: 0 16px;
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
			}
.ActiveDirectoryView .setting-ctn .section-body{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				padding: 0 16px 16px 16px;
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
			}
.ActiveDirectoryView .setting-ctn .section-body .ctl-group{
					margin-top: 16px;
				}
.ActiveDirectoryView .setting-ctn .section.general-configuration-info{
				height: 192px;
			}
.ActiveDirectoryView .setting-ctn .section.time-section{
				height: 72px;
				margin-top: 16px;
			}
.ActiveDirectoryView .setting-ctn .section.mapping-section{
				min-height: 192px;
				min-width: 512px;


			}
.ActiveDirectoryView .setting-ctn .section.mapping-section .section-body{
					-webkit-box-orient: horizontal;
					-webkit-box-direction: normal;
					    -ms-flex-direction: row;
					        flex-direction: row;
					padding: 0 8px 8px 8px;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
				}
.ActiveDirectoryView .setting-ctn .section.mapping-section .section-body .sub-section{
						-webkit-box-flex: 1;
						    -ms-flex: 1;
						        flex: 1;
						min-width: 224px;
						-webkit-box-shadow: 0 1px 3px 0 rgba(65, 65, 65, .24),0 1px 2px 0 rgba(65, 65, 65, .48);
						        box-shadow: 0 1px 3px 0 rgba(65, 65, 65, .24),0 1px 2px 0 rgba(65, 65, 65, .48);
					}
.ActiveDirectoryView .setting-ctn .section.mapping-section .section-body .sub-section-title{
							color: #006BB2;
							font-size: 13px;
							height: 24px;
							display: -webkit-box;
							display: -ms-flexbox;
							display: flex;
							-webkit-box-align: center;
							    -ms-flex-align: center;
							        align-items: center;
							-webkit-box-pack: center;
							    -ms-flex-pack: center;
							        justify-content: center;
						}
.ActiveDirectoryView .setting-ctn .section.mapping-section .section-body .sub-section.PA-field{
							margin-left: 24px;
						}
.ActiveDirectoryView .setting-ctn .section.mapping-section .section-body .sub-section .field-group{
							margin: 0px 8px 16px 8px;
						}
.ActiveDirectoryView .setting-ctn .section.mapping-section .section-body .sub-section .field-group:first-child{
								margin-top: 10px;
							}
.ActiveDirectoryView .setting-ctn .section.mapping-section .section-body .sub-section .field-group:last-child{
								margin-bottom: 8px;
							}
.ActiveDirectoryView .setting-ctn .section.mapping-section .section-body .arrow{
						position: absolute;
						top: 50%;
						left: 50%;
						margin-left: -24px;
					}
.ActiveDirectoryView .setting-ctn .section.mapping-section .section-body .arrow span{
							position: absolute;
							top: 50%;
							margin-top: -12px;
						}
.ActiveDirectoryView .setting-ctn .section.mapping-section .section-body .field-group{
						margin-top: 16px;
					}
.ActiveDirectoryView .setting-ctn .section.mapping-section .section-body .icon-con{
						width: 30px;
						float: right;
						font-size: 16px;
						padding-top: 24px;
						padding-left: 8px;
						cursor: pointer;
					}
.ActiveDirectoryView .setting-ctn .section.mapping-section .section-body .icon-con .icon-row{
							height: 28px;
							margin-top: 16px;
						}
.ActiveDirectoryView .setting-ctn .section.mapping-section .section-body .icon-con .icon-row.trash .i-trash {
									display: block;
								}
.ActiveDirectoryView .setting-ctn .section.mapping-section .section-body .icon-con .icon-row.refresh .i-refresh{
									display: block;
								}
.ActiveDirectoryView .setting-ctn .section.mapping-section .section-body .icon-con .i-trash{
							display: none;
						}
.ActiveDirectoryView .setting-ctn .section.mapping-section .section-body .icon-con .i-refresh{
							display: none;
						}
.ActiveDirectoryView .setting-ctn .section.mapping-section .btn-refresh{
					cursor: pointer;
					z-index:10;
					width: 288px;
					height:24px;
					margin: 8px 16px 8px 8px;
				}
.ActiveDirectoryView .setting-ctn .section.mapping-section .btn-refresh.updating .icon{
							-webkit-animation: clockwise 1s infinite;
							        animation: clockwise 1s infinite;
						}
.ActiveDirectoryView .dropdown-con .dropdown-toggle {
			position: relative;
			min-width: 0;
			height: 28px;
			min-width: 208px;
			-webkit-box-pack: justify;
			    -ms-flex-pack: justify;
			        justify-content: space-between;
			padding: 0 8px 0 8px;
			border-radius: 12px;
			text-decoration: none;
			border: 1px solid #EFEFEF;
			background-color: #F8F8F8;
		}
.ActiveDirectoryView .dropdown-con .dropdown-toggle.changed {
				background: #F1F7FB;
			}
.ActiveDirectoryView .dropdown-con .dropdown-toggle.delete {
				background: rgba(217, 83, 78, .20);
			}
.ActiveDirectoryView .dropdown-con .field-value{
			font-size: 12px;
			display: block;
			margin-right: 6px;
			margin-top: -2px;
			letter-spacing: 1.08px;
			line-height: 29px;
			color: #333333;
			padding: 0;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
			max-width: 176px;
		}
.ActiveDirectoryView .dropdown-con .field-value.empty-value{
				color: #555555;
			}
.ActiveDirectoryView .dropdown-con .dropdown-menu{
			top: 32px;
			left: -4px;
			right: -4px;
			bottom: auto;
			min-width: 208px;
			border-radius: 0;
			overflow-y: auto;
		}
.ActiveDirectoryView .dropdown-con .dropdown-menu .search-input-con{
				margin: 0 8px;
			}
.ActiveDirectoryView .dropdown-con .dropdown-menu .search-input-con .search-ctl{
					width: 100%;
					margin: 8px 0;
				}
.ActiveDirectoryView .dropdown-con .dropdown-menu .item {
				display: block;
				float:none;
				border-radius: 0px;
				border: none;
				height:31px;
				line-height: 13px;
				min-width: 88px;
				max-width: 494px;
				padding: 7px 12px;
				text-align: left;
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;
				font-weight: @font-weight-light;
				font-size: 12px;
				color: #555555;
				letter-spacing: 1.08px;
				cursor: pointer;
			}
.ActiveDirectoryView .dropdown-con .dropdown-menu .item.active{
					color: #999999;
				}
.ActiveDirectoryView .dropdown-con .dropdown-menu .item:focus{
					background-color: white;
				}
.ActiveDirectoryView .dropdown-con .dropdown-menu .item:hover{
					background-color: #F1F7FB;
				}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.ActivityGroupEditPopup .screen-left .sidepanel .panel-heading .panel-group{
					padding-top: 8px;
				}
.ActivityGroupEditPopup .screen-left .sidepanel .panel-heading .panel-group .i-circle-plus{
						color: #72B864;
						font-size: 16px;
						margin-top: -4px;
						cursor: pointer;
					}
.ActivityGroupEditPopup .screen-left .sidepanel .panel-heading .search-input{
					top: 4px;
					right: 8px;
					width: 168px;
				}
.ActivityGroupEditPopup .screen-content{
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		border-radius:0px;
	}
.ActivityGroupEditPopup .screen-content .ActivityGroupEditPopup-activities{
			width:100%;
			height:100%;
			overflow-y: hidden;
			position: relative;
		}
.ActivityGroupEditPopup .screen-content .ActivityGroupEditPopup-activities .title-search-ctn{
				left: 16px;
				top: -12px;
				padding-top: 20px;
			}
.ActivityGroupEditPopup .screen-content .ActivityGroupEditPopup-activities .title-search-ctn .search-add-combine{
					width: 224px;
				}
.ActivityGroupEditPopup .screen-content .ActivityGroupEditPopup-activities .title-search-ctn .secondary-title{
					top: 48px;
				}
.ActivityGroupEditPopup .screen-content .title{
			font-size: 19px;
			color: #555555;
		}
.ActivityGroupEditPopup .screen-content .datagrid-ctn{
			left: 16px;
		}
.ActivityGroupEditPopup .screen-content .datagrid-ctn .Datagrid .table-con table th .wrap-cell{
						font-size: 15px;
						letter-spacing: 1.33px;
					}
.ActivityGroupEditPopup .screen-content .datagrid-ctn .Datagrid .table-con table tr.checked .groups .group{
					background: #F8F8F8;
					-webkit-box-shadow: 0px 1px 3px 0px rgba(65, 65, 65, .24), 0px 1px 2px 0px rgba(65, 65, 65, .48);
					        box-shadow: 0px 1px 3px 0px rgba(65, 65, 65, .24), 0px 1px 2px 0px rgba(65, 65, 65, .48);
				}
.ActivityGroupEditPopup .screen-content .datagrid-ctn .Datagrid .table-con table td{
					padding-top: 4px;
				}
.ActivityGroupEditPopup .screen-content .datagrid-ctn .Datagrid .table-con table td .wrap-cell{
						color: #555555;
						font-size: 13px;
					}
.ActivityGroupEditPopup .screen-content .datagrid-ctn .Datagrid .table-con table td.name-info .wrap-cell{
							position: relative;
							top: 2px;
						}
.ActivityGroupEditPopup .screen-content .datagrid-ctn .Datagrid .table-con table td.name-info .wrap-cell a{
								color: #006BB2;
								font-size: 12px;
							}
.ActivityGroupEditPopup .screen-content .datagrid-ctn .Datagrid .table-con table td.groups .wrap-cell{
							margin-top: -16px;
							margin-bottom: -8px;
						}
.ActivityGroupEditPopup .screen-content .datagrid-ctn .Datagrid .table-con table td.groups .wrap-cell .group{
								float: left;
								padding-top: 8px;
								padding-left: 8px;
								padding-right: 8px;
								margin-right: 16px;
								margin-top: 8px;
								margin-bottom: 8px;
								height: 32px;
								background: #f4f4f4;
								font-size: 12px;
								color: #424242;
								letter-spacing: 1px;
								cursor: pointer;
							}
.ActivityGroupEditPopup .screen-content .datagrid-ctn .Datagrid .table-con table td.groups .wrap-cell .group.dragging{
									z-index: 1000;
									-webkit-box-shadow: 0px 1px 20px 0px rgba(65, 65, 65, .38),0px 6px 6px 0px rgba(65, 65, 65, .46);
									        box-shadow: 0px 1px 20px 0px rgba(65, 65, 65, .38),0px 6px 6px 0px rgba(65, 65, 65, .46);
								}
.ActivityGroupEditPopup .screen-content .datagrid-ctn .Datagrid .table-con table td .c-check:not(.checked){
						border-color: #006BB2;
					}
.ActivityGroupEditPopup .screen-content .datagrid-ctn .Datagrid .table-con table td.draggable-column .icon{
							font-size: 16px;
							color: #555555;
							top: 3px;
							left: 8px;
							cursor: pointer;
						}
.ActivityGroupEditPopup .screen-content .datagrid-ctn .Datagrid .table-con table td.rowselect .c-check{
							left: -8px;
							margin-top: 12px;
						}
.ActivityGroupEditPopup .screen-content .datagrid-ctn .Datagrid .table-con table td:last-child{
						padding-top: 16px;
					}
.ActivityGroupEditPopup .screen-content .datagrid-ctn table.dragging{
				position: fixed;
				opacity: .5;
				bottom:auto;
				background: red;
				z-index: 1000;
				border:none;
			}
.ActivityGroupEditPopup .screen-content .datagrid-ctn table.dragging tbody{
					background: white;
					bottom:auto;
					top:0px;
					right:auto;
					border:none;
					border: 1px solid #CECECE;
				}
.ActivityGroupEditPopup .screen-content .datagrid-ctn tbody .weekly-base-text{
					font-style: italic;
					font-size: 12px;
					color: #555555;
					letter-spacing: 1.08px;
					line-height: 18px;
					padding-top: 32px;
					padding-left: 80px;
					border-top: 1px solid #DDDDDD;
				}
.ActivityGroupEditPopup .screen-content .datagrid-ctn tbody .weekly-base-text .i-circle-plus {
						font-size: 16px;
						line-height: 22px;
						top: 4px;
						color: #5cb85c;
						cursor: pointer;
					}
.ActivityGroupEditPopup .screen-content .actionbar-ctn{
			text-align: center;
		}
.ActivityGroupEditPopup .screen-content .actionbar-ctn .btn{
				font-size: 13px;
			}
.ActivityGroupEditPopup .screen-content .actionbar-ctn .btn.cancel{
					width:64px;
					padding-left: 0px;
					padding-right: 0px;
					min-width: 64px;
				}
.ActivityGroupEditPopup .screen-content .actionbar-ctn .icon {
				position: absolute;
				width: 40px;
				height: 40px;
				margin-top: 56px;
				-webkit-transition: margin-top 0.5s;
				transition: margin-top 0.5s;
				background: #F8F8F8;
				text-align: center;
				-webkit-box-shadow: 0px 3px 6px 0px rgba(64, 64, 64, .32), 0px 3px 6px 0px rgba(64, 64, 64, .46);
				        box-shadow: 0px 3px 6px 0px rgba(64, 64, 64, .32), 0px 3px 6px 0px rgba(64, 64, 64, .46);
			}
.ActivityGroupEditPopup .screen-content .actionbar-ctn .icon:before {
					font-size: 24px;
					line-height: 40px;
					color: #555555;
				}
.ActivityGroupEditPopup .screen-content .actionbar-ctn .icon.slide {
					-webkit-transition: margin-top .5s;
					transition: margin-top .5s;
					margin-top: 12px;
				}
.ActivityGroupEditPopup .screen-content .actionbar-ctn .icon.dragover {
					background: #F8F8F8;
				}
.ActivityGroupEditPopup .screen-content .actionbar-ctn .icon.dragover:before {
						color: white;
					}
.ActivityGroupEditPopup .screen-content .dragging-holder{
			opacity: .3;
		}
.ActivityGroupEditPopup .screen-content .dragging-holder td{
				border-top-style: dashed;
			}
.ActivityGroupEditPopup .screen-content .dragging{
			background:#fff;
			border: 1px solid #CECECE;
			opacity: .5;
		}
.ActivityGroupEditPopup .screen-content .dragging td{
				border-top: none;
			}
.ActivityGroupEditPopup-parent .popup-modal{
		position: absolute;
		bottom: 0;
		top: 0;
		left: 0;
		right: 0;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}
.ActivityGroupEditPopup-parent .popup-modal .popup-body{
			position: absolute;
			top: 39px;
			bottom: 0px;
			left: 0;
			right: 0;
			overflow-y: auto;
			border-bottom-left-radius: 0px;
			border-bottom-right-radius: 0px;
		}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.AlertNoteEditPopup{
	width: 384px;
}
/* FIXME: compatiable with old ui */
	.AlertScreen .nav-ctn{
		position: relative;
	}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.AlertSettings{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
.AlertSettings-screen.noevents{
			pointer-events: none;
		}
.AlertSettings .button-con{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
.AlertSettings .button-con .btn{
			width: 128px;
			margin-left: 16px;
		}
.AlertSettings .setting-ctn{
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		margin: 0 16px;
	}
.AlertSettings .setting-ctn .setting-header{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: justify;
			    -ms-flex-pack: justify;
			        justify-content: space-between;
			height: 80px;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
		}
.AlertSettings .setting-ctn .setting-body{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			padding-bottom: 16px;
		}
.AlertSettings .setting-ctn .ctl-group{
			width: 280px;
		}
.AlertSettings .setting-ctn .ctl-group .ctl{
				background-color: white;
			}
.AlertSettings .setting-ctn .search-input-con{
			margin: 0 8px;
		}
.AlertSettings .setting-ctn .search-input-con .search-ctl{
				width: 100%;
			}
.AlertSettings .setting-ctn .toggle-no-email{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center;
			height: 32px;
			color: #006BB2;
			cursor: pointer;
		}
.AlertSettings .setting-ctn .relation-ctn{
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			height: 400px;
			margin-right: 8px;
			background: white;
			-webkit-box-shadow: 0px 3px 6px 0px rgba(65, 65, 65, .32), 0px 1px 2px 0px rgba(65, 65, 65, .46);
			        box-shadow: 0px 3px 6px 0px rgba(65, 65, 65, .32), 0px 1px 2px 0px rgba(65, 65, 65, .46);
		
		}
.AlertSettings .setting-ctn .relation-ctn .relation-ctn-header .title{
					height: 32px;
					color: #006BB2;
					font-size: 16px;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-align: center;
					    -ms-flex-align: center;
					        align-items: center;
					-webkit-box-pack: center;
					    -ms-flex-pack: center;
					        justify-content: center;
				}
.AlertSettings .setting-ctn .relation-ctn .relation-ctn-header .helper-text{
					font-style: italic;
					letter-spacing: .8px;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-align: center;
					    -ms-flex-align: center;
					        align-items: center;
					-webkit-box-pack: center;
					    -ms-flex-pack: center;
					        justify-content: center;
				}
.AlertSettings .setting-ctn .relation-ctn .relation-ctn-body{
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				margin: 16px 8px 8px 8px;
				-webkit-box-shadow: 0px 3px 6px 0px rgba(65, 65, 65, .32), 0px 1px 2px 0px rgba(65, 65, 65, .46);
				        box-shadow: 0px 3px 6px 0px rgba(65, 65, 65, .32), 0px 1px 2px 0px rgba(65, 65, 65, .46);
			}
.AlertSettings .setting-ctn .relation-ctn .relation-ctn-body .items-header{
					height: 32px;
					padding-left: 17px;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-align: center;
					    -ms-flex-align: center;
					        align-items: center;
				}
.AlertSettings .setting-ctn .relation-ctn .relation-ctn-body .items-header .title{
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
						display: block;
						font-size: 16px;
						color: #006BB2;
						margin-left: 8px;
					}
.AlertSettings .setting-ctn .relation-ctn .relation-ctn-body .items-con{
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					    -ms-flex-direction: column;
					        flex-direction: column;
					padding-bottom: 8px;
					-webkit-box-flex: 1;
					    -ms-flex: 1;
					        flex: 1;
				}
.AlertSettings .setting-ctn .relation-ctn .relation-ctn-body .items-con .items-body{
						-webkit-box-flex: 1;
						    -ms-flex: 1;
						        flex: 1;
						border: 1px solid #DDDDDD;
						margin: 8px 8px 0 8px;
					}
.AlertSettings .setting-ctn .relation-ctn .relation-ctn-body .items-con .items-body .setting-item {
							display: -webkit-box;
							display: -ms-flexbox;
							display: flex;
							height: 32px;
							-webkit-box-align: center;
							    -ms-flex-align: center;
							        align-items: center;
							padding-left: 8px;
						}
.AlertSettings .setting-ctn .relation-ctn .relation-ctn-body .items-con .items-body .setting-item.changed{
								background: #F1F7FB;
							}
.AlertSettings .setting-ctn .relation-ctn.email{
				-webkit-box-flex: 2;
				    -ms-flex: 2;
				        flex: 2;
				height: 100%;
				min-height: 400px;
			}
.AlertSettings .setting-ctn .relation-ctn.email .relation-ctn-body{
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-shadow: none;
					        box-shadow: none;

				}
.AlertSettings .setting-ctn .relation-ctn.email .relation-ctn-body .relation-email-left{
						-webkit-box-flex: 1;
						    -ms-flex: 1;
						        flex: 1;
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						margin-right: 4px;
						-webkit-box-orient: vertical;
						-webkit-box-direction: normal;
						    -ms-flex-direction: column;
						        flex-direction: column;
					}
.AlertSettings .setting-ctn .relation-ctn.email .relation-ctn-body .relation-email-left .items-con{
							margin-bottom: 8px;
						}
.AlertSettings .setting-ctn .relation-ctn.email .relation-ctn-body .relation-email-right{
						-webkit-box-flex: 1;
						    -ms-flex: 1;
						        flex: 1;
						margin-left: 4px;
					}
.AlertSettings .setting-ctn .relation-ctn.email .relation-ctn-body .items-con{
						-webkit-box-shadow: 0px 3px 6px 0px rgba(65, 65, 65, .32), 0px 1px 2px 0px rgba(65, 65, 65, .46);
						        box-shadow: 0px 3px 6px 0px rgba(65, 65, 65, .32), 0px 1px 2px 0px rgba(65, 65, 65, .46);
						-webkit-box-flex: 0;
						    -ms-flex: none;
						        flex: none;
					}
.AlertSettings .setting-ctn .relation-ctn.email .relation-ctn-body .items-con.users{
							-webkit-box-flex: 1;
							    -ms-flex: 1;
							        flex: 1;
							margin-bottom: 0px;
						}
.AlertSettings .setting-ctn .relation-ctn.email .relation-ctn-body .items-con.users .items-body{
								overflow-y:auto;
							}
.AlertSettings .setting-ctn .relation-ctn.email .relation-ctn-body .time-item .items-header{
							margin-left: 0px;
						}
.AlertSettings .setting-ctn .relation-ctn.email .relation-ctn-body .time-item .items-header .title{
								margin-left: 0px;
							}
.AlertSettings .setting-ctn .relation-ctn.email .relation-ctn-body .time-item .items-body{
							margin: 0 8px;
							border: none;
						}
.AlertSettings .setting-ctn .relation-ctn.email .relation-ctn-body .time-item .items-body .ctl-group{
								width: auto;
							}
.AlertSettings .setting-ctn .relation-ctn.email .relation-ctn-body .time-ctl .TimeSelect .ctl-label{
								display: none;
							}
.AlertSettings .setting-ctn .relation-ctn.email .relation-ctn-body .time-ctl .TimeSelect .input-con.changed{
									background-color: #F1F7FB;
								}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.Alerts{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.Alerts .head-ctn{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin: 0 16px;
		height: 80px;
	}
.Alerts .head-ctn .ctl-group{
			width: 280px;
			margin-left: 8px;
			padding-top: 8px;
		}
.Alerts .head-ctn .ctl-group .ctl{
				background-color: white;
				color: #999999;
			}
.Alerts .head-ctn .info-con{
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			height: 28px;
			margin: 8px 0 0 16px;
			color: #999999;
		}
.Alerts .head-ctn .button-con{
			margin-top: 8px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
		}
.Alerts .head-ctn .button-con .btn{
				margin-left: 16px;
			}
.Alerts .table-panel{
		border: none;
		margin-bottom: 16px;
	}
.Alerts .table-panel .table-ctn{
			border-bottom: 2px solid #006BB2;
		}
.Alerts .table-panel .table-ctn .table .td.rowselect .toggle-icon{
							margin-left: 16px;
						}
.Alerts .foot-ctn{
		height: 56px;
	}
.Alerts .filter-ctn{
		margin-right: 16px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 16px;
	}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.AlertsFilter{
	-webkit-box-flex:1;
	    -ms-flex:1;
	        flex:1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-left: none;
}
.AlertsFilter .filter-item .c-check-text{
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			min-width: 0;
		}
.AlertsFilter .filter-item .c-check-text .name{
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
			}
.AlertsFilter .filter-item[data-type='List'] .name{
				color: #006BB2;
				cursor: pointer;
			}
.AlertsFilter .search-ctl{
		width: 248px;
		margin-left: 16px;
	}
.AlertsFilter .search-ctl .ctl{
			background-color: white;
		}
.AlertsFilter .date-ctl{
		margin: 0 16px;
	}
.AlertsFilter .date-ctl .ctl{
			background-color: white;
		}
.AlertsFilter .time-ctl{
		width: 248px;
		margin-left: 16px;
		margin-top: 16px;
	}
.AlertsFilter .time-ctl .input-con{
			background: white;
		}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.AreaEditInfoView{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.AreaEditInfoView .c-panel{
		margin-right: 16px;
	}
.AreaEditInfoView-screen.noevents{
			pointer-events: none;
		}
.AreaEditInfoView .search-ctl .ctl{
			color: #555555;
			font-weight: 300;
			font-family: "Karla";
		}
.AreaEditInfoView .button-con{
		position: absolute;
		top: 0px;
		right: 385px;
		height: 80px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
.AreaEditInfoView .button-con .btn{
			width: 128px;
			margin-left: 16px;
		}
.AreaEditInfoView .edit-mode-con .edit-ctl.changed{
                background-color: #F1F7FB;
            }
.AreaEditInfoView .edit-mode-con .ctl-label{
            font-weight: 600;
            color: #333333;
        }
.AreaEditInfoView .timezone-group{
        min-width: 350px;
    }
.AreaEditInfoView .timezone-group .SingleField.changed .dropdown-control{
                    background-color: #F1F7FB;
                }
.AreaEditInfoView .timezone-group .SingleField .ctl-label{
                font-weight: 600;
                color: #333333;
            }
.AreaEditInfoView .main-con .status-bar{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			height: 56px;
			-webkit-box-pack: justify;
			    -ms-flex-pack: justify;
			        justify-content: space-between;
			border-bottom: 1px solid #DDDDDD;
		}
.AreaEditInfoView .main-con .status-bar .left-status{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				margin-left: 24px;
				font-family: "Oswald";
				font-weight: 600;
				color: #001C49;
				font-size: 14px;
			}
.AreaEditInfoView .main-con .status-bar .right-status{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				margin-right: 8px;
			}
.AreaEditInfoView .main-con .status-bar .right-status .btn{
					margin-right: 16px;
				}
.AreaEditInfoView .main-con .status-bar .right-status .btn .icon{
						fill: white;
					}
.AreaEditInfoView .main-con .action-group{
			width: 232px;
		}
.AreaEditInfoView .main-con .action-group .Combo{
				margin-top: 0;
				padding-top: 0;
				margin-left: 16px;
				margin-right: 8px;
			}
.AreaEditInfoView .main-con .action-group .Combo .ctl-label{
					display: none;
				}
.AreaEditInfoView .main-con .action-bar .title{
				margin-left: 24px;
			}
.AreaEditInfoView .main-con .action-bar .action-panel{
				margin-left: 24px;
			}
.AreaEditInfoView .main-con .table-panel{
			-webkit-box-shadow: none;
			        box-shadow: none;
			border:none;
			margin: 0;
		}
.AreaEditInfoView .main-con .table-panel .tr.changed{
					background-color: #F1F7FB;
				}
.AreaEditInfoView .main-con .table .td.access-info .wrap-cell{
						overflow: visible;
					}
.AreaEditInfoView .main-con .table .access-dropdown .dropdown-menu{
					left: auto;
					min-width: 80px;
				}
.AreaEditInfoView .main-con .table .access-dropdown .dropdown-menu .dropdown-item{
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-align: center;
						    -ms-flex-align: center;
						        align-items: center;
						color: #555555;
					}
.AreaEditInfoView .main-con .table .access-dropdown .dropdown-menu .dropdown-item:hover{
							background-color: #F1F7FB;
						}
.AreaEditInfoView .main-con .table .access-dropdown .dropdown-menu .dropdown-item.active{
							background-color: #F1F7FB;
						}
.AreaEditInfoView .main-con .table .access-dropdown.disabled .dropdown-toggle{
						border-bottom: 1px solid transparent;
						cursor: default;
					}
.AreaEditInfoView .main-con .table .access-dropdown.disabled .dropdown-toggle .toggle-icon{
							display: none;
						}
.AreaEditInfoView .main-con .table .access-dropdown.disabled .dropdown-menu{
						display: none;
					}
.AreaEditInfoView .side-panel .item .name{
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
			}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.AreaEditPopup .ctl-group.name-group{
			width: 464px;
			margin-bottom: 0px;
		}
.AreaEditPopup .ctl-group.name-group .ctl{
				max-width: none;
				font-size: 16px;
			}
.AreaEditPopup .ctl-group.description-group{
			margin-top:0px;
			margin-bottom: 0px;
		}
.AreaEditPopup .ctl-group.description-group .ctl{
				max-width: none;
			}


/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.AreaItemSelectView{
	width: 424px;
	height: 504px;
}
.AreaItemSelectView .access-con{
  		-webkit-box-shadow: 0px 1px 3px 0px rgba(65, 65, 65, .24), 0px 1px 2px 0px rgba(65, 65, 65, .48);
  		        box-shadow: 0px 1px 3px 0px rgba(65, 65, 65, .24), 0px 1px 2px 0px rgba(65, 65, 65, .48);
  		margin: 16px 0px;
  		padding: 0px 16px;
	}
.AreaItemSelectView .access-con .access-header{
  			color: #2187c0;
  			font-size: 16px;
  		}
.AreaItemSelectView .access-con .access-body{
			padding-bottom: 8px;
		}
.AreaItemSelectView .access-con .access-body .access-item{
				padding: 8px 0px;
			}
.AreaItemSelectView .access-con .access-body .access-item:before,
	.AreaItemSelectView .access-con .access-body .access-item:after {
		content: " ";
		display: table;
	}
.AreaItemSelectView .access-con .access-body .access-item:after {
		clear: both;
	}
.AreaItemSelectView .access-con .access-body .access-item .c-radio{
					float:left;
				}
.AreaItemSelectView .search-ctl{
		width: auto;
		margin-top: 16px;
	}
.AreaItemSelectView .items-con{
		position: absolute;
		top: 120px;
		left: 16px;
		right: 16px;
		bottom: 16px;
		background-color: white;
		overflow:hidden;
		padding: 0 16px;
  		-webkit-box-shadow: 0px 1px 4px 0px rgba(65, 65, 65, .32);
  		        box-shadow: 0px 1px 4px 0px rgba(65, 65, 65, .32);

	}
.AreaItemSelectView .items-con .items-body{
			position: absolute;
			top: 56px;
			bottom: 16px;
			left:16px;
			right: 16px;
			border: 1px solid #DDDDDD;
			overflow-x:hidden;
			overflow-y: auto;
		}
.AreaItemSelectView .items-con .items-body .item {
				padding: 8px 0 8px 0px;
				margin: 0;
				color: #555555;
				height: 32px;
			}
.AreaItemSelectView .items-con .items-body .item:before,
	.AreaItemSelectView .items-con .items-body .item:after {
		content: " ";
		display: table;
	}
.AreaItemSelectView .items-con .items-body .item:after {
		clear: both;
	}
.AreaItemSelectView .items-con .items-body .item:nth-child(2n+1){
					background-color: #F8F8F8;
				}
.AreaItemSelectView .items-con .items-body .item .c-check {
					margin-left: 8px;
					float: left;
				}
.AreaItemSelectView .items-con .items-body .item .icon {
					float: left;
					margin-left: 0px;
					margin-right: 4px;
				}
.AreaItemSelectView .items-con .items-body .item .c-check-text {
					max-width: 80%;
					display: block;
					font-size: 12px;
					white-space: nowrap;
					overflow:hidden;
					text-overflow:ellipsis;
				}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.AreasView{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	
}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.CustomRuleSetting {
	line-height: 1;
}
.CustomRuleSetting .rule-main-con{
		border-bottom: 2px solid #006BB2;
		margin-right: 16px;
	}
.CustomRuleSetting .Combo{
		margin-top: 0px;
		padding-top: 0px;
		min-width: 288px;
	}
.CustomRuleSetting .Combo .ctl-label{
			display: none;
		}
.CustomRuleSetting .rule-panel{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
.CustomRuleSetting .rule-panel .rule-panel-con{
			padding-left: 8px;
			overflow-y: auto;
		}
.CustomRuleSetting .rule-detail{
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		margin-top: 16px;
	}
.CustomRuleSetting .rule-detail .label-title{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			font-family: "Oswald";
			font-weight: 600;
			color: #001C49;
			font-size: 14px;
		}
.CustomRuleSetting .rule-detail .label-title .key-word{
				font-size: 32px;
				margin-right: 12px;
			}
.CustomRuleSetting .rule-detail .row-holder{
			display: block;
			height: 20px;
			border-left: 1px solid #CECECE;
			margin: 4px 0 4px 2px;
		}
.CustomRuleSetting .rule-detail .icon-holder{
			width: 16px;
			height: 16px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center;
			margin-left: -5px;
			margin-right: 8px;
			position: relative;
			overflow: hidden;
		}
.CustomRuleSetting .rule-detail .icon-holder .i-point{
				position: absolute;
				left: -13px;
				top: -12px;
				width: 40px;
				height: 40px;
			}
.CustomRuleSetting .rule-detail .tab{
			margin-left: 48px;
		}
.CustomRuleSetting .rule-detail .tab.icon-holder{
				margin-left: 42px;
			}
.CustomRuleSetting .rule-detail .group-con{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			-webkit-box-pack: start;
			    -ms-flex-pack: start;
			        justify-content: flex-start;
		}
.CustomRuleSetting .rule-detail .ctl-group{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			-webkit-box-pack: start;
			    -ms-flex-pack: start;
			        justify-content: flex-start;
		}
.CustomRuleSetting .rule-detail .ctl-group{
			margin: 0;
		}
.CustomRuleSetting .rule-detail .SingleField{
			margin-top: 0;
		}
.CustomRuleSetting .rule-detail .date-ctl{
			width: 240px;
			margin-top: 0;
			padding-top: 0;
		}
.CustomRuleSetting .rule-detail .time-ctl{
			width: 240px;
			margin-top: 0;
			padding-top: 0;
		}
.CustomRuleSetting .rule-detail .edit-mode-con .info-con .icon{
					margin-left: 8px;
				}
.CustomRuleSetting .rule-detail .edit-mode-con .remove, .CustomRuleSetting .rule-detail .edit-mode-con .add-user, .CustomRuleSetting .rule-detail .edit-mode-con .add-access-point{
				display: none;
			}
.CustomRuleSetting .rule-detail .edit-mode-con.edit-mode .icon-holder .icon{
						fill: #006BB2;
					}
.CustomRuleSetting .rule-detail .edit-mode-con.edit-mode .remove, .CustomRuleSetting .rule-detail .edit-mode-con.edit-mode .add-user, .CustomRuleSetting .rule-detail .edit-mode-con.edit-mode .add-access-point{
					display: block;
				}
.CustomRuleSetting .rule-detail .btn-add{
			margin-left: 8px;
		}
.CustomRuleSetting .rule-detail .remove{
			cursor: pointer;
		}
.CustomRuleSetting .rule-detail .access-point-item .i-accesspoint, .CustomRuleSetting .rule-detail .access-point-item .i-accesspoint-group{
				top: 5px;
			}
.CustomRuleSetting .rule-detail .user-item .i-user, .CustomRuleSetting .rule-detail .user-item .i-group{
				top: 5px;
			}
.CustomRuleSetting .rule-detail .add-and-block .btn-add-and-block{
				margin-left:8px;
			}
.CustomRuleSetting .rule-detail .do-panel{
			margin-top: 32px;
		}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.FloorBuildingEditPopup {
	width: 264px;
	min-height: 88px;
}
.FloorBuildingEditPopup .delete-building{
		width: 424px;
		margin-left: -212px;
	}
.FloorBuildingEditPopup .delete-building .c-modal-body{
			margin-right: 8px;
		}



/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.FloorPlanView{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;

}
.FloorPlanView .main-con{
		position: relative;
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
.FloorPlanView .main-con .toolbar{
			position: absolute;
			top: 32px;
			right: 32px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			z-index: 2;
		}
.FloorPlanView .main-con .toolbar .btn{
				background: #F8F8F8;
				padding: 4px 8px;
				color: #555555;
				border: 1px solid #DDDDDD;
				width: 48px;
				text-align: center;
				margin-bottom: 8px;
			}
.FloorPlanView .main-con .floor-con{
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			overflow: auto;
		}
.FloorPlanView .main-con .img-con{
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
		}
.FloorPlanView .main-con .img-con .empty-map{
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
			}
.FloorPlanView .main-con .img-con .empty-map .icon{
					width: 100%;
					height: 100%;
					max-width: 320px;
					max-height: 320px;
					cursor: pointer;
					opacity: .2;
				}
.FloorPlanView .main-con .img-con .floor-map{
				margin: auto;
				position: relative;
			}
.FloorPlanView .main-con .img-con .floor-map img{
					width: 100%;
					height: 100%;
				}
.FloorPlanView .main-con .img-con .floor-map .points{
					position: absolute;
					top: 0;
					right: 0;
					bottom: 0;
					left: 0;
					z-index: 1;
				}
.FloorPlanView .main-con .img-con .floor-map .point-item{
					position: absolute;
					left: 0px;
					top: 0px;
					z-index: 1;
					line-height: 1;
				}
.FloorPlanView .main-con .img-con .floor-map .point-item .point-ctn{
						position: relative;
						z-index: 2;
						text-align: center;
						color: #999999;
					}
.FloorPlanView .main-con .img-con .floor-map .point-item .point-ctn .icon{
							font-size: 32px;
							z-index: 3;
							line-height: 1;
						}
.FloorPlanView .main-con .img-con .floor-map .point-item .point-ctn .icon:before{
								display: none;
							}
.FloorPlanView .main-con .img-con .floor-map .point-item .wrap-background-con{
						position: absolute;
						top: 0;
						right: 0;
						bottom: 0;
						left: 0;
						z-index: 1;
						text-align: center;
					}
.FloorPlanView .main-con .img-con .floor-map .point-item .wrap-background-con .background-con{
							background: none;
							border-radius: 4px;
							position: absolute;
							top: -20px;
							bottom: -8px;
							text-align: center;
							min-width: 72px;
							pointer-events: none;
						}
.FloorPlanView .main-con .img-con .floor-map .point-item .wrap-background-con .background-con:after{
								content: " ";
								position: absolute;
								top: 0;
								right: 0;
								bottom: 0;
								left: 0;
								border-radius: 4px;
								background: rgba(255, 255, 255, .25);
								display: none;
								-webkit-box-shadow: 0px 1px 3px 0px rgba(65, 65, 65, .24),0px 1px 2px 0px rgba(65, 65, 65, .48);
								        box-shadow: 0px 1px 3px 0px rgba(65, 65, 65, .24),0px 1px 2px 0px rgba(65, 65, 65, .48);
							}
.FloorPlanView .main-con .img-con .floor-map .point-item .wrap-background-con .background-con .title{
								white-space: nowrap;
								padding:0 8px;
								font-size: 12px;
								color: #999999;
								letter-spacing: 1px;
								border-radius: 4px;
								-webkit-box-shadow: 0px 1px 3px 0px rgba(65, 65, 65, .24), 0px 1px 2px 0px rgba(65, 65, 65, .48);
								        box-shadow: 0px 1px 3px 0px rgba(65, 65, 65, .24), 0px 1px 2px 0px rgba(65, 65, 65, .48);
								background: white;
								position: relative;
								z-index: 1;
								line-height: 1.42857143;
							}
.FloorPlanView .main-con .img-con .floor-map .point-item .wrap-background-con .background-con .icon{
								display: none;
								position: absolute;
								bottom: 1px;
								right: 6px;
								top: auto;
								color: #999999;
								font-size: 13px;
								z-index: 2;
							}
.FloorPlanView .main-con .img-con .floor-map .point-item .wrap-background-con .background-con .icon.yellow{
									color: #F0AD4E;
								}
.FloorPlanView .main-con .img-con .floor-map .point-item .wrap-background-con .background-con .icon.red{
									color: #DA4F4A;
								}
.FloorPlanView .main-con .img-con .floor-map .point-item .wrap-background-con .background-con .icon.light-gray{
									color: #C0C0C0;
								}
.FloorPlanView .main-con .img-con .floor-map .point-item .wrap-background-con .background-con .icon.green{
									color: #72B864;
								}
.FloorPlanView .main-con .img-con .floor-map .point-item.yellow .point-ctn{
							color: #F0AD4E;
						}
.FloorPlanView .main-con .img-con .floor-map .point-item.yellow .point-ctn i {
								fill: #F0AD4E;
							}
.FloorPlanView .main-con .img-con .floor-map .point-item.alert{
						padding: 0;
						margin: 0;
					}
.FloorPlanView .main-con .img-con .floor-map .point-item.light-gray .point-ctn{
							color: #C0C0C0;
						}
.FloorPlanView .main-con .img-con .floor-map .point-item.light-gray .point-ctn i {
								fill: #C0C0C0;
							}
.FloorPlanView .main-con .img-con .floor-map .point-item.red .point-ctn{
							color: #DA4F4A;
						}
.FloorPlanView .main-con .img-con .floor-map .point-item.red .point-ctn i {
								fill: #DA4F4A;
							}
.FloorPlanView .main-con .img-con .floor-map .point-item.red.lockdown .point-ctn{
								-webkit-animation: state-lockdown-color 1s infinite;
								        animation: state-lockdown-color 1s infinite;
							}
.FloorPlanView .main-con .img-con .floor-map .point-item.green .point-ctn{
							color: #72B864;
						}
.FloorPlanView .main-con .img-con .floor-map .point-item.green .point-ctn i {
								fill:  #72B864;
							}
.FloorPlanView .main-con .img-con .floor-map .point-item.selected .wrap-background-con .background-con{
								pointer-events: auto;
							}
.FloorPlanView .main-con .img-con .floor-map .point-item.selected .wrap-background-con .background-con:after{
									display: block;
								}
.FloorPlanView .main-con .img-con .floor-map .point-item.selected .wrap-background-con .background-con .title{
									background: none;
									-webkit-box-shadow: none;
									        box-shadow: none;
								}
.FloorPlanView .main-con .img-con .floor-map .point-item.selected .wrap-background-con .background-con .icon{
									display: block;
								}
.FloorPlanView .main-con .img-con .floor-map .point-item.draggable{
						position: fixed;
					}
.FloorPlanView .main-con .img-con .add-con{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				margin-top: 24px;
			}
.FloorPlanView .main-con .img-con .add-con .add-text{
					margin-top: 24px;
				}
.FloorPlanView .main-con .img-con .add-con .btn{
					margin-top: 24px;
				}
.FloorPlanView .step-help{
		font-size: 15px;
		color: #333333;
		font-weight: 400;
	}
.FloorPlanView .step-help .bold{
			font-weight: 600;
		}
.FloorPlanView .header-panel .p-lt{
		margin-left: 8px;
	}
.FloorPlanView .p-sec .item .name{
				margin-left:8px;
			}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.FloorSelectPopup{
	width: 248px;
	
}

/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.GroupEditInfoView{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.GroupEditInfoView-screen.noevents{
			pointer-events: none;
		}
.GroupEditInfoView-content{
		position: relative;
		z-index: 1;
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
.GroupEditInfoView-content .head-ctn{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			margin: 32px 16px 24px 16px;
		}
.GroupEditInfoView-content .head-ctn .groups-group{
				width: 224px;
				padding-top: 0;
				margin-left: 16px;
			}
.GroupEditInfoView-content .head-ctn .groups-group .Combo .dropdown-control{
						background-color: white;
					}
.GroupEditInfoView-content .head-ctn .groups-group .Combo .dropdown-items{
						background-color: white;
					}
.GroupEditInfoView-content .head-ctn .button-con{
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: end;
				    -ms-flex-pack: end;
				        justify-content: flex-end;
				margin-left: 16px;
			}
.GroupEditInfoView-content .head-ctn .button-con .save-btns{
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-flex: 1;
					    -ms-flex: 1;
					        flex: 1;
					-webkit-box-pack: end;
					    -ms-flex-pack: end;
					        justify-content: flex-end;
					margin-right: 16px;
				}
.GroupEditInfoView-content .head-ctn .button-con .save-btns .btn{
						width: 128px;
						margin-left: 16px;
					}
.GroupEditInfoView-content .group-info-ctn{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			margin: 0 16px;
			height: 200px;
			
		}
.GroupEditInfoView-content .group-info-ctn .ctl.changed{
					background-color: #F1F7FB;
				}
.GroupEditInfoView-content .group-info-ctn .basic-ctn{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
			}
.GroupEditInfoView-content .group-info-ctn .basic-info{
				width: 768px;
				height: 136px;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
			}
.GroupEditInfoView-content .group-info-ctn .basic-info .basic-col{
					width: 280px;
					margin: 16px;
				}
.GroupEditInfoView-content .group-info-ctn .basic-info .basic-col .area-group{
						margin-top: 32px;
					}
.GroupEditInfoView-content .group-info-ctn .basic-info .basic-col .area-group .dropdown-control.changed{
								background: #F1F7FB;
							}
.GroupEditInfoView-content .group-info-ctn .basic-info .description-col{
					margin: 16px;
					margin-left: 0px;
				}
.GroupEditInfoView-content .group-info-ctn .basic-info .description-col textarea{
						height: 96px;
					}
.GroupEditInfoView-content .group-info-ctn .add-con{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				padding: 16px 0 0 16px;
			}
.GroupEditInfoView-content .table-panel{
			margin: 16px;
		}
.GroupEditInfoView-content .table-panel .tr{
				height: auto;
				-webkit-box-flex: 0;
				    -ms-flex: none;
				        flex: none;
			}
.GroupEditInfoView-content .table-panel .td .group{
					color: #006BB2;
					cursor: pointer;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}
.GroupEditInfoView-content .relation-ctn{
			-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
			        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
			background: white;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			margin-left: 16px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
		}
.GroupEditInfoView-content .relation-ctn .relation-title{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				height: 56px;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
				background: #006BB2;
				padding: 0 16px;
				font-family: "Oswald";
				font-weight: 600;
				color: #001C49;
				font-size: 14px;
				color: white;
			}
.GroupEditInfoView-content .relation-ctn .relation-title .btn-add{
					padding: 3px 12px;
				}
.GroupEditInfoView-content .relation-ctn .relation-content{
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				overflow-y: auto;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
			}
.GroupEditInfoView-content .relation-ctn .relation-content .empty-text{
					color: #555555;
					padding: 16px;
					font-style: italic;
				}
.GroupEditInfoView-content .relation-ctn .relation-content .relation-info{
					min-height: 56px;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					padding: 0 16px;
					-webkit-box-pack: justify;
					    -ms-flex-pack: justify;
					        justify-content: space-between;
					-webkit-box-align: center;
					    -ms-flex-align: center;
					        align-items: center;
					outline: none;
					position: relative;
				}
.GroupEditInfoView-content .relation-ctn .relation-content .relation-info:before{
						content: " ";
						position: absolute;
						left: 16px;
						right: 16px;
						bottom: 0;
						border-bottom: 1px solid #CECECE;
					}
.GroupEditInfoView-content .relation-ctn .relation-content .relation-info .lt{
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-align: center;
						    -ms-flex-align: center;
						        align-items: center;
						color: #555555;
						margin-right: auto;
					}
.GroupEditInfoView-content .relation-ctn .relation-content .relation-info .lt .icon{
							margin-right: 16px;
						}
.GroupEditInfoView-content .relation-ctn .relation-content .relation-info .lt .last-used{
							height: 24px;
						}
.GroupEditInfoView-content .relation-ctn .relation-content .relation-info .lt .value{
							-webkit-box-flex: 1;
							    -ms-flex: 1;
							        flex: 1;
						}
.GroupEditInfoView-content .relation-ctn .relation-content .relation-info .rt{
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
					}
.GroupEditInfoView-content .relation-ctn .relation-content .relation-info .rt .info-action{
							margin-right: 8px;
						}
.GroupEditInfoView-content .relation-ctn .relation-content .relation-info:last-child{
						border-bottom: none;
					}
.GroupEditInfoView-content .relation-ctn .relation-content .relation-info .info-action{
						display: none;
					}
.GroupEditInfoView-content .relation-ctn .relation-content .relation-info:focus{
						background-color: #F1F7FB;
					}
.GroupEditInfoView-content .relation-ctn .relation-content .relation-info:focus .info-action{
							display: -webkit-box;
							display: -ms-flexbox;
							display: flex;
						}
.GroupEditInfoView-content .relation-ctn .relation-content .relation-info:focus .des{
							display: none;
						}
.GroupEditInfoView-content .relation-ctn .relation-content .relation-info.changed, .GroupEditInfoView-content .relation-ctn .relation-content .relation-info.add{
						background: #F1F7FB;
					}
.phone-mode .GroupEditInfoView .section-dropdown-ctn{
			width: 100%;
			display:-webkit-box;
			display:-ms-flexbox;
			display:flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
		}
.phone-mode .GroupEditInfoView .section-dropdown-ctn .btn-add{
				padding: 3px 12px;
			}
.phone-mode .GroupEditInfoView .section-dropdown-ctn .it-box{
				height: 32px;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				padding: 0 16px;
			}
.phone-mode .GroupEditInfoView .section-dropdown-ctn .it-box.title-box{
					height: 56px;
					background-color: #006BB2;
					font-family: "Oswald";
					font-weight: 600;
					color: #001C49;
					font-size: 14px;
					color: white;
				}
.phone-mode .GroupEditInfoView .section-dropdown-ctn .dropdown-con{
				margin: 0;
			}
.phone-mode .GroupEditInfoView .section-dropdown-ctn .dropdown-con .display-name{
					color: #006BB2;
					font-weight: 600;
				}
.phone-mode .GroupEditInfoView .section-dropdown-ctn .dropdown-con .toggle-icon{
					margin-left: 8px;
				}
.phone-mode .GroupEditInfoView .section-dropdown-ctn .dropdown-con .dropdown-menu{
					left: -16px;
					height: auto;
				}
.phone-mode .GroupEditInfoView .section-dropdown-ctn .dropdown-con .dropdown-menu li{
						font-size: 14px;
						height: 32px;
						margin: 0;
						padding: 0 16px;
						-webkit-box-align: center;
						    -ms-flex-align: center;
						        align-items: center;
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-pack: justify;
						    -ms-flex-pack: justify;
						        justify-content: space-between;
					}
.phone-mode .GroupEditInfoView .section-dropdown-ctn .dropdown-con .dropdown-menu li.active{
							font-weight: 600;
							color: #006BB2;
						}
.phone-mode .GroupEditInfoView .section-dropdown-ctn .dropdown-con .dropdown-menu li:hover{
							background-color: #F1F7FB;
						}
.phone-mode .GroupEditInfoView .relation-edit{
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			width: 100%;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
		}
.phone-mode .GroupEditInfoView .relation-edit .ctl-group{
				margin: 16px 8px 0 8px;
			}
.phone-mode .GroupEditInfoView .relation-edit .ctl.changed{
					background-color: #F1F7FB;
				}
.phone-mode .GroupEditInfoView .relation-edit .dropdown-control.changed{
					background-color: #F1F7FB;
				}
.phone-mode .GroupEditInfoView .relation-edit .sub-ctn{
				display: none;
				background: white;
				margin: 0;
			}
.phone-mode .GroupEditInfoView .relation-edit .sub-ctn.active{
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-flex: 1;
					    -ms-flex: 1;
					        flex: 1;
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					    -ms-flex-direction: column;
					        flex-direction: column;
				}
.phone-mode .GroupEditInfoView .relation-edit .sub-ctn .relation-content{
					overflow-y: auto;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-flex: 1;
					    -ms-flex: 1;
					        flex: 1;
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					    -ms-flex-direction: column;
					        flex-direction: column;
				}
.phone-mode .GroupEditInfoView .save-btns{
			border-top: 1px solid #006BB2;
			height: 56px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			-webkit-box-pack: end;
			    -ms-flex-pack: end;
			        justify-content: flex-end;
			padding-right: 8px;
		}
.phone-mode .GroupEditInfoView .save-btns .btn{
				width: 80px;
				margin-left: 16px;
			}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.GroupsView{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.GroupsView .table .td{
			padding-left: 0;
			-webkit-box-flex: 0;
			    -ms-flex: none;
			        flex: none;
		}
.GroupsView .table .td .wrap-cell{
				padding-left: 16px;
				width: 0;
			}
.phone-mode .GroupsView .nav-main{
			margin: 0;
		}
.phone-mode .GroupsView .nav-sec-header{
			display: none;
		}
.phone-mode .GroupsView .list-panel .btn-add{
				padding: 3px 12px;
			}
.phone-mode .GroupsView .list-panel .data-col.members{
					width: 112px;
					-webkit-box-flex: 0;
					    -ms-flex: none;
					        flex: none;
					-webkit-box-pack: center;
					    -ms-flex-pack: center;
					        justify-content: center;
				}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.DashboardAdmitPanelConfig .panel-body .accesspoint-ctn{
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			margin:24px 16px 16px 16px;
		}
.DashboardAdmitPanelConfig .panel-body .accesspoint-ctn .dropdown-field{
				max-width: none;
			}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.DashboardAdmitPanelInfo .panel-header{
		height: 88px;
	}
.DashboardAdmitPanelInfo .panel-header .title{
			min-width: 0;
		}
.DashboardAdmitPanelInfo .panel-header .title .title-val{
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}
.DashboardAdmitPanelInfo .panel-header .bottom-header{
			margin: 8px 0 12px 0px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-flex:0;
			    -ms-flex:none;
			        flex:none;
		}
.DashboardAdmitPanelInfo .panel-header .bottom-header .btn-admit{
				width: 192px;
			}
.DashboardAdmitPanelInfo .panel-header .bottom-header .btn-admit .icon{
					position: absolute;
					top: 5px;
					left: 14px;
				}
.DashboardAdmitPanelInfo .panel-body{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
.DashboardAdmitPanelInfo .row{
		-webkit-box-flex:1;
		    -ms-flex:1;
		        flex:1;
		margin: 0;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
.DashboardAdmitPanelInfo .row:first-child{
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
		}
.DashboardAdmitPanelInfo .icon-con .icon{
			width: 104px;
			height: 104px;
		}
.DashboardAdmitPanelInfo .obj-txt-con{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
.DashboardAdmitPanelInfo .obj-txt{
		background: white;
		border: 2px solid #CECECE;
		color: #333333;
		min-width: 144px;
		text-align: center;
		border-radius: 16px;
		padding: 3px 12px;
		font-weight: 600;
		margin: 0 16px;
		min-height: 28px;
	}
.DashboardAdmitPanelInfo.admiting .obj-txt{
			border-color: #72B864;
		}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.DashboardEditPopup {
	width: 264px;
	min-height: 144px;
}
.DashboardEditPopup .ctl-group.layout-group{
			margin-top: 24px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			background-color: #F8F8F8;
			border: 1px solid #DDDDDD;
			border-radius: 8px;
		}
.DashboardEditPopup .ctl-group.layout-group .ctl-label{
				top: -16px;
			}
.DashboardEditPopup .ctl-group.layout-group .layout-items{
				margin-bottom: 8px;
				position: relative;
				height: 144px;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
			}
.DashboardEditPopup .ctl-group.layout-group .layout-item{
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;


			}
.DashboardEditPopup .ctl-group.layout-group .layout-item .layout{
					width: 104px;
					height: 88px;
					position: relative;
					cursor: pointer;
					margin: auto;
				}
.DashboardEditPopup .ctl-group.layout-group .layout-item .layout.selected{
						-webkit-box-shadow: 0 1px 3px 0 rgba(65, 65, 65, .24), 0 1px 2px 0 rgba(65, 65, 65, .48);
						        box-shadow: 0 1px 3px 0 rgba(65, 65, 65, .24), 0 1px 2px 0 rgba(65, 65, 65, .48);
						background: #F8F8F8;
					}
.DashboardEditPopup .ctl-group.layout-group .layout-item .layout .box{
						background: #006BB2;
						position: absolute;
						top: 0;
						right: 0;
						bottom: 0;
						left: 0;
					}
.DashboardEditPopup .ctl-group.layout-group .layout-item .layout.p3l1 .layout-top{
							position: absolute;
							left: 0; right: 0px;
							height: 65%;
							top: 0px;
						}
.DashboardEditPopup .ctl-group.layout-group .layout-item .layout.p3l1 .layout-top .top{
								position: absolute;
								top: 0;
								right: 0;
								bottom: 0;
								left: 0;
								width: 33.3333%;
							}
.DashboardEditPopup .ctl-group.layout-group .layout-item .layout.p3l1 .layout-top .top .box{
									position: absolute;
									top: 8px;
									left: 8px;
									bottom: 8px;
									right: 8px;
								}
.DashboardEditPopup .ctl-group.layout-group .layout-item .layout.p3l1 .layout-top .top:nth-child(1){
									right: auto;
								}
.DashboardEditPopup .ctl-group.layout-group .layout-item .layout.p3l1 .layout-top .top:nth-child(1) .box{
										right: 4px;
									}
.DashboardEditPopup .ctl-group.layout-group .layout-item .layout.p3l1 .layout-top .top:nth-child(2){
									right: auto;
									left: 33.3334%;
								}
.DashboardEditPopup .ctl-group.layout-group .layout-item .layout.p3l1 .layout-top .top:nth-child(2) .box{
										left: 4px;
										right: 4px;
									}
.DashboardEditPopup .ctl-group.layout-group .layout-item .layout.p3l1 .layout-top .top:nth-child(3){
									left: auto;
									right: 0px;
									width: 33.3333%;
								}
.DashboardEditPopup .ctl-group.layout-group .layout-item .layout.p3l1 .layout-top .top:nth-child(3) .box{
										left: 4px;
									}
.DashboardEditPopup .ctl-group.layout-group .layout-item .layout.p3l1 .layout-bottom{
							position: absolute;
							left: 0; right: 0px;
							height: 35%;
							bottom: 0px;
						}
.DashboardEditPopup .ctl-group.layout-group .layout-item .layout.p3l1 .layout-bottom .box{
								position: absolute;
								top: 8px;
								left: 8px;
								bottom: 8px;
								right: 8px;
							}
.DashboardEditPopup .ctl-group.layout-group .layout-item .layout.only1 .box{
							position: absolute;
							top: 8px;
							left: 8px;
							bottom: 8px;
							right: 8px;
						}
.DashboardEditPopup .ctl-group.layout-group .layout-text{
				line-height: 13px;
				font-size: 13px;
				color: #555555;
				text-align: center;
				margin: 0;
			}
.DashboardEditPopup .ctl-group.layout-group .c-radio{
				margin: 0px auto;
			}
.DashboardEditPopup .ctl-group.layout-group.disable{
				background: #F8F8F8;
			}
.DashboardEditPopup .ctl-group.layout-group.disable .c-radio .icon{
						fill: #C0C0C0;
					}
.DashboardEditPopup .ctl-group.layout-group.disable .c-radio.checked .icon{
							fill: #C0C0C0;
						}
.DashboardEditPopup .SingleField .item .icon{
				width: 16px;
				margin-right: 8px;
			}
.DashboardEditPopup .delete-dashboard{
		width: 424px;
	}
.DashboardEditPopup .delete-dashboard .c-modal-body{
			margin-right: 8px;
		}
@media(max-width: 800px){
	.DashboardEditPopup{
		width: auto;
	}
		.DashboardEditPopup .ctl-group .ctl{
			max-width: none;
		}
		.DashboardEditPopup .SingleField{
			max-width: none;
		}
		.DashboardEditPopup .Combo{
			max-width: none;
		}
		.DashboardEditPopup .delete-dashboard{
			width: 312px;
			margin-left: -156px;
			line-height: 21px;
		}
			.DashboardEditPopup .delete-dashboard .c-modal-body{
				margin-right: 0px;
			}

}



/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.DashboardFloorPanelInfo .btn-help{
		position: absolute;
		top: -52px;
		right: 208px;
	}
.DashboardFloorPanelInfo .top-con{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		height: 75%;
		margin-bottom: 8px;
	}
.DashboardFloorPanelInfo .top-con .menu-panel{
			margin: 0 8px 0 0;
			height: 100%;
		}
.DashboardFloorPanelInfo .top-con .menu-panel .action-panel .icon{
					position: relative;
					margin-right: 0px;
				}
.DashboardFloorPanelInfo .top-con .menu-panel .action-panel .icon svg{
						position: relative;
						z-index: 2;
					}
.DashboardFloorPanelInfo .top-con .menu-panel .action-panel .icon:before{
						content: " ";
						border-radius: 16px;
						position: absolute;
						left: 4px;
						top: 4px;
						bottom: 4px;
						right: 4px;
						background: white;
						z-index: 1;
					}
.DashboardFloorPanelInfo .top-con .menu-panel .edit-con{
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
			}
.DashboardFloorPanelInfo .top-con .menu-panel .edit-con .p-tp-header-lt{
					margin-left: 0px;
				}
.DashboardFloorPanelInfo .top-con .menu-panel .edit-con .p-tp-header-lt .item{
						width: 100%;
						margin-top: 8px;
					}
.DashboardFloorPanelInfo .top-con .menu-panel .edit-con .p-tp-header-lt .item.ctl-group{
							margin-top: 16px;
							display: -webkit-box;
							display: -ms-flexbox;
							display: flex;
						}
.DashboardFloorPanelInfo .top-con .menu-panel .edit-con .p-tp-header-lt .item.ctl-group .Combo{
								-webkit-box-flex:1;
								    -ms-flex:1;
								        flex:1;
								margin: 0 8px;
							}
.DashboardFloorPanelInfo .top-con .menu-panel .edit-con .p-tp-header-lt .item.ctl-group .Combo .item{
									margin-top: 0px;
									min-height: 0px;
								}
.DashboardFloorPanelInfo .top-con .menu-panel .edit-con.edit-con-action{
					-webkit-box-flex: 1;
					    -ms-flex: 1;
					        flex: 1;
				}
.DashboardFloorPanelInfo .top-con .menu-panel .edit-con.edit-con-action .btn-admit{
						margin-bottom: 8px;
						width: 192px;
						height: 24px;
						margin-left: auto;
						margin-right: auto;
						font-family: "Karla";
					}
.DashboardFloorPanelInfo .top-con .menu-panel .edit-con.edit-con-action .ctl-group{
						margin-top: 0;
						padding-top: 0;
					}
.DashboardFloorPanelInfo .top-con .menu-panel .edit-con.edit-con-action .ctl-group .Combo{
							width: 100%;
						}
.DashboardFloorPanelInfo .top-con .menu-panel .edit-con.edit-con-action .ctl-group .Combo .ctl-label{
								display: none;
							}
.DashboardFloorPanelInfo .top-con .menu-panel .edit-con.edit-con-action .ctl-group.actions-con{
							-webkit-box-flex: 0;
							    -ms-flex: none;
							        flex: none;
							width: 192px;
							margin-top: -8px;
							margin-bottom: 16px;
							margin-left: auto;
							margin-right: auto;
						}
.DashboardFloorPanelInfo .top-con .menu-panel .edit-con.edit-con-action .action-panel{
						margin: 8px 0 8px -8px;
					}
.DashboardFloorPanelInfo .top-con .menu-panel .p-tp-header{
				height: auto;
				-webkit-box-align: start;
				    -ms-flex-align: start;
				        align-items: flex-start;
			}
.DashboardFloorPanelInfo .top-con .menu-panel .p-tp-header-lt{
					-webkit-box-flex: 1;
					    -ms-flex: 1;
					        flex: 1;
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					    -ms-flex-direction: column;
					        flex-direction: column;
					-webkit-box-align: start;
					    -ms-flex-align: start;
					        align-items: flex-start;
				}
.DashboardFloorPanelInfo .top-con .menu-panel .p-tp-header-lt .item{
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-align: center;
						    -ms-flex-align: center;
						        align-items: center;
						min-height: 32px;
					}
.DashboardFloorPanelInfo .top-con .menu-panel .p-tp-header-rt .icon{
						margin-top: 12px;
					}
.DashboardFloorPanelInfo .top-con .menu-panel .p-tp-header .info-con{
					-webkit-box-flex: 1;
					    -ms-flex: 1;
					        flex: 1;
					-webkit-box-pack: justify;
					    -ms-flex-pack: justify;
					        justify-content: space-between;
				}
.DashboardFloorPanelInfo .top-con .menu-panel .p-header .title{
					height: 56px;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-align: center;
					    -ms-flex-align: center;
					        align-items: center;
				}
.DashboardFloorPanelInfo .top-con .menu-panel .p-header .info-con{
					margin-left:0;
					margin-right: auto;
				}
.DashboardFloorPanelInfo .top-con .menu-panel .p-header .Combo{
					font-family: "Karla";
					font-size: 13px;
				}
.DashboardFloorPanelInfo .top-con .menu-panel .p-main{
				background: white;
				height: 100%;
			}
.DashboardFloorPanelInfo .top-con .menu-panel .p-body{
				-webkit-box-flex:1;
				    -ms-flex:1;
				        flex:1;
				overflow-y: auto;
			}
.DashboardFloorPanelInfo .top-con .menu-panel .p-body .accesspoint-item{
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					    -ms-flex-direction: column;
					        flex-direction: column;
				}
.DashboardFloorPanelInfo .top-con .menu-panel .p-body .accesspoint-item .reader-name{
						line-height: 30px;
						color: #72B864;
						-webkit-box-flex: 1;
						    -ms-flex: 1;
						        flex: 1;
						-webkit-box-align: end;
						    -ms-flex-align: end;
						        align-items: flex-end;
						white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis;
					}
.DashboardFloorPanelInfo .top-con .menu-panel .p-body .accesspoint-item .bottom-info{
						-webkit-box-flex: 1;
						    -ms-flex: 1;
						        flex: 1;
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						margin-top: 4px;
						color: #555555;
					}
.DashboardFloorPanelInfo .top-con .menu-panel .p-body .accesspoint-item .bottom-info .icon{
							margin-right: 4px;
							width: 16px;
							height: 16px;
						}
.DashboardFloorPanelInfo .top-con .menu-panel .p-body .accesspoint-item.red .icon{
							fill: #DA4F4A;
						}
.DashboardFloorPanelInfo .top-con .menu-panel .p-body .accesspoint-item.yellow .icon{
							fill: #F0AD4E;
						}
.DashboardFloorPanelInfo .top-con .menu-panel .p-body .accesspoint-item.green .icon{
							fill: #72B864;
						}
.DashboardFloorPanelInfo .top-con .menu-panel .p-body .accesspoint-item.light-gray .icon{
							fill: #C0C0C0;
						}
.DashboardFloorPanelInfo .top-con .menu-panel .p-body .accesspoint-item.selected{
						background: #F1F7FB;
					}
.DashboardFloorPanelInfo .top-con .menu-panel .p-body .accesspoint-item.selected .reader-name{
							color: #006BB2;
						}
.DashboardFloorPanelInfo .top-con .menu-panel .p-footer{
				height: 56px;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
				border-top: 1px solid #DDDDDD;
			}
.DashboardFloorPanelInfo .top-con .menu-panel .p-footer .btn{
					margin-left: auto;
					margin-right: 16px;
					padding: 0px 12px;
				}
.DashboardFloorPanelInfo .floor-map{
		position: relative;
		margin: auto;
	}
.DashboardFloorPanelInfo .floor-map img{
			width: 100%;
			height: 100%;
		}
.DashboardFloorPanelInfo .floor-map .points{
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
		}
.DashboardFloorPanelInfo .floor-map .points .accesspoint-point{
				position: absolute;
				left: 0px;
				top: 0px;
				z-index: 1;
				line-height: 1;
			}
.DashboardFloorPanelInfo .floor-map .points .accesspoint-point .point-ctn{
					position: relative;
					z-index: 2;
					text-align: center;
					border: 2px solid white;
					background: #DDDDDD;
					border-radius: 32px;
					width: 32px;
					height: 32px;
				}
.DashboardFloorPanelInfo .floor-map .points .accesspoint-point .point-ctn .icon{
						position: absolute;
						left: 6px;
						top: 6px;
						width: 16px;
						height: 16px;
						fill: white;
					}
.DashboardFloorPanelInfo .floor-map .points .accesspoint-point .wrap-background-con{
					position: absolute;
					top: 0;
					right: 0;
					bottom: 0;
					left: 0;
					z-index: 1;
					text-align: center;
				}
.DashboardFloorPanelInfo .floor-map .points .accesspoint-point .wrap-background-con .background-con{
						display: none;
						position: absolute;
						text-align: center;
						top: -36px;
						left: -32px;
						min-width: 96px;
						height: 32px;

					}
.DashboardFloorPanelInfo .floor-map .points .accesspoint-point .wrap-background-con .background-con:after{
							content: " ";
							position: absolute;
							top: 0;
							right: 0;
							bottom: 0;
							left: 0;
							background: #F1F7FB;
							-webkit-box-shadow: 0px 1px 3px 0px rgba(65, 65, 65, .24), 0px 1px 2px 0px rgba(65, 65, 65, .48);
							        box-shadow: 0px 1px 3px 0px rgba(65, 65, 65, .24), 0px 1px 2px 0px rgba(65, 65, 65, .48);
						}
.DashboardFloorPanelInfo .floor-map .points .accesspoint-point .wrap-background-con .background-con .title{
							white-space: nowrap;
							letter-spacing: 1px;
							color: #72B864;
							text-align: center;
							z-index: 1;
							position: relative;
							top: 7px;
							margin: 0 8px;
							line-height: 1.42857143;
						}
.DashboardFloorPanelInfo .floor-map .points .accesspoint-point.yellow .point-ctn{
						background: #F0AD4E;
					}
.DashboardFloorPanelInfo .floor-map .points .accesspoint-point.light-gray .point-ctn{
						background: #EFEFEF;
					}
.DashboardFloorPanelInfo .floor-map .points .accesspoint-point.red .point-ctn{
						background: #DA4F4A;
					}
.DashboardFloorPanelInfo .floor-map .points .accesspoint-point.green .point-ctn{
						background: #72B864;
					}
.DashboardFloorPanelInfo .floor-map .points .accesspoint-point.selected .point-ctn{
						background: #006BB2;
					}
.DashboardFloorPanelInfo .floor-map .points .accesspoint-point:hover .wrap-background-con .background-con{
							display: block;
						}
.DashboardFloorPanelInfo .table-panel{
		margin: 0;
		border: none;
	}
.DashboardFloorPanelInfo .table-panel .table .tbody{
				font-size: 13px;
			}
.DashboardFloorPanelInfo .table-panel .table .tbody .td.accesspoint{
						font-weight: 600;
					}
.DashboardFloorPanelInfo .table-panel .table .tbody .tr{
					border-bottom: 1px solid rgba(206, 206, 206, 0.30000000000000004);
				}
.DashboardFloorPanelInfo .table-panel .table .tbody .tr.yellow{
						border-bottom: 1px solid rgba(240, 173, 78, 0.30000000000000004);
					}
.DashboardFloorPanelInfo .table-panel .table .tbody .tr.red{
						border-bottom: 1px solid rgba(218, 79, 74, 0.30000000000000004);
					}
.DashboardFloorPanelInfo .table-panel .table .tbody .tr.green{
						border-bottom: 1px solid rgba(114, 184, 100, 0.30000000000000004);
					}
.DashboardFloorPanelInfo .table-panel .table .td .icon{
					border-color: #DDDDDD;
					color: #999999;
					margin-right: 8px;
					width: 16px;
					height: 16px;
				}
.DashboardFloorPanelInfo .table-panel .table .td .icon.yellow{
						fill: #ECA7A4;
					}
.DashboardFloorPanelInfo .table-panel .table .td .icon.red{
						fill: #F0AD4E;
					}
.DashboardFloorPanelInfo .table-panel .table .td .icon.green{
						fill: #72B864;
					}
.DashboardFloorPanelInfo .table-panel .table .td .datetime{
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					    -ms-flex-direction: column;
					        flex-direction: column;
				}
.DashboardFloorPanelInfo .tooltip-help{
		position: absolute;
		right: 256px;
		top: -64px;
		-webkit-box-shadow:0px 1px 2px 0px rgba(65, 65, 65, .2);
		        box-shadow:0px 1px 2px 0px rgba(65, 65, 65, .2);
		z-index: 1000;
	}
.DashboardFloorPanelInfo .tooltip-help:after{
			content: " ";
			position: absolute;
			width: 16px;
			height: 16px;
			top: 50%;
			right: -8px;
			margin-top: -8px;
			-webkit-transform: rotate(45deg);
			        transform: rotate(45deg);
			-webkit-box-shadow:0px 1px 2px 0px rgba(65, 65, 65, .2);
			        box-shadow:0px 1px 2px 0px rgba(65, 65, 65, .2);
			background-color: white;
			z-index: 1001;
		}
.DashboardFloorPanelInfo .tooltip-help-body{
			position: relative;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			padding: 8px;
			border-radius: 4px;
			background-color: white;
			z-index: 1002;
		}
.DashboardFloorPanelInfo .tooltip-help .indicator{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			margin-left: 8px;
		}
.DashboardFloorPanelInfo .tooltip-help .indicator .icon-con{
				width: 24px;
				height: 24px;
				border-radius: 24px;
				border: 2px solid white;
				position: relative;
				-webkit-box-shadow:0px 1px 2px 0px rgba(65, 65, 65, .2);
				        box-shadow:0px 1px 2px 0px rgba(65, 65, 65, .2);
			}
.DashboardFloorPanelInfo .tooltip-help .indicator .icon-con .icon{
					position: absolute;
					left: 4px;
					right: 4px;
					top: 4px;
					bottom: 4px;
					fill: white;
					width: auto;
					height: auto;
				}
.DashboardFloorPanelInfo .tooltip-help .indicator .description{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				margin-left: 8px;
			}
.DashboardFloorPanelInfo .tooltip-help .gray{
			background-color: #DDDDDD;
		}
.DashboardFloorPanelInfo .tooltip-help .light{
			background-color: #EFEFEF;
		}
.DashboardFloorPanelInfo .tooltip-help .red{
			background-color: #DA4F4A;
		}
.DashboardFloorPanelInfo .tooltip-help .green{
			background-color: #72B864;
		}
.DashboardFloorPanelInfo .tooltip-help .yellow{
			background-color: #F0AD4E;
		}
.DashboardFloorPanelInfo .tooltip-help .blue{
			background-color: #006BB2;
		}
.phone-mode .DashboardFloorPanelInfo .top-con{
			height: auto;
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			margin: 0;
		}
.phone-mode .DashboardFloorPanelInfo .top-con .menu-panel{
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				margin: 0;
			}
.phone-mode .DashboardFloorPanelInfo .top-con .floor-map-con{
				display: none;
			}
.phone-mode .DashboardFloorPanelInfo .table-panel{
			display: none;
		}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.DashboardHistoryPanelInfo .table-panel{
		-webkit-box-shadow: none;
		        box-shadow: none;
		margin: 0;
		border-bottom:none;
	}
.DashboardHistoryPanelInfo .table-panel .table .tbody{
				font-size: 13px;
			}
.DashboardHistoryPanelInfo .table-panel .table .tbody .td.accesspoint{
						font-weight: 600;
					}
.DashboardHistoryPanelInfo .table-panel .table .tbody .tr{
					border-bottom: 1px solid rgba(206, 206, 206, 0.30000000000000004);
				}
.DashboardHistoryPanelInfo .table-panel .table .tbody .tr.yellow{
						border-bottom: 1px solid rgba(240, 173, 78, 0.30000000000000004);
					}
.DashboardHistoryPanelInfo .table-panel .table .tbody .tr.red{
						border-bottom: 1px solid rgba(218, 79, 74, 0.30000000000000004);
					}
.DashboardHistoryPanelInfo .table-panel .table .tbody .tr.green{
						border-bottom: 1px solid rgba(114, 184, 100, 0.30000000000000004);
					}
.DashboardHistoryPanelInfo .table-panel .table .wrap-cell .icon{
					border-color: #DDDDDD;
					color: #999999;
					margin-right: 8px;
					width: 16px;
					height: 16px;
				}
.DashboardHistoryPanelInfo .table-panel .table .wrap-cell .icon.yellow{
						fill: #ECA7A4;
					}
.DashboardHistoryPanelInfo .table-panel .table .wrap-cell .icon.red{
						fill: #F0AD4E;
					}
.DashboardHistoryPanelInfo .table-panel .table .wrap-cell .icon.green{
						fill: #72B864;
					}
.DashboardHistoryPanelInfo .table-panel .table .wrap-cell .datetime{
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					    -ms-flex-direction: column;
					        flex-direction: column;
				}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.DashboardHistoryPortraitPanelConfig{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.DashboardHistoryPortraitPanelConfig .filter-body{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
.DashboardHistoryPortraitPanelConfig .history-panel{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
.DashboardHistoryPortraitPanelConfig .history-panel .filter-header{
			margin: 16px;
		}
.DashboardHistoryPortraitPanelConfig .history-panel .dropdown-field{
				max-width: none;
			border: none;
		}
.DashboardHistoryPortraitPanelConfig .history-panel .dropdown-field .dropdown-control .filter-item{
					display: none;
					border: none;
				}
.DashboardHistoryPortraitPanelConfig .history-panel .dropdown-field .dropdown-control .filter-item .p-sec-header{
						height: auto;
						padding: 0 8px;
						margin-top: -1px;
					}
.DashboardHistoryPortraitPanelConfig .history-panel .dropdown-field .dropdown-control .filter-item.active{
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						background-color: transparent;
					}
.DashboardHistoryPortraitPanelConfig .history-panel .dropdown-field .dropdown-items{
				max-height: none;
				overflow-y: visible;
				margin-bottom: 0px;
			}
.DashboardHistoryPortraitPanelConfig .history-panel .dropdown-field .dropdown-items .select-item{
					margin-top: 0px;
					height: 40px;
					border: none;
					padding-left: 0px;
				}
.DashboardHistoryPortraitPanelConfig .history-panel .dropdown-field .dropdown-items .select-item .name{
						font-weight: 600;
					}
.DashboardHistoryPortraitPanelConfig .history-panel .dropdown-field .dropdown-items .select-item.active{
						display: none;
					}
.DashboardHistoryPortraitPanelConfig .history-panel .dropdown-field .dropdown-items .select-item .p-sec-header{
						height: 40px;
					}
.DashboardHistoryPortraitPanelConfig .history-panel .filter-container{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
		}
.DashboardHistoryPortraitPanelConfig .history-panel .filter-container .wrap-filter-container{
				margin: 0 16px;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
			}
.DashboardHistoryPortraitPanelConfig .history-panel .filter-container .wrap-filter-container .filter-content.p-sec{
						padding: 0 16px;
						display: none;
						-webkit-box-flex: 1;
						    -ms-flex: 1;
						        flex: 1;
						border: none;
					}
.DashboardHistoryPortraitPanelConfig .history-panel .filter-container .wrap-filter-container .filter-content.p-sec.active{
							background-color: transparent;
							display: -webkit-box;
							display: -ms-flexbox;
							display: flex;
						}
.DashboardHistoryPortraitPanelConfig .history-panel .filter-container .wrap-filter-container .filter-content.p-sec[data-type='datetime'] .p-sec-body{
								overflow: visible;
							}
.DashboardHistoryPortraitPanelConfig .history-panel .filter-container .wrap-filter-container .filter-content.p-sec .p-sec-body{
							-webkit-box-flex: 1;
							    -ms-flex: 1;
							        flex: 1;
							overflow-y: auto;
							-webkit-box-align: stretch;
							    -ms-flex-align: stretch;
							        align-items: stretch;
							width: 0;
						}
.DashboardHistoryPortraitPanelConfig .history-panel .filter-container .wrap-filter-container .filter-content.p-sec .p-sec-body ul{
								padding-left: 0;
							}
.DashboardHistoryPortraitPanelConfig .history-panel .filter-container .wrap-filter-container .filter-content.p-sec .p-sec-body > .item{
								padding: 0;
								height: 40px;
							}
.DashboardHistoryPortraitPanelConfig .history-panel .filter-container .wrap-filter-container .filter-content.p-sec .p-sec-body .search-ctl{
								width: auto;
							}
.DashboardHistoryPortraitPanelConfig .history-panel .filter-container .wrap-filter-container .filter-content.p-sec .p-sec-body .time-ctl{
								margin-top: 16px;
							}
.DashboardHistoryPortraitPanelConfig .history-item .c-check-text{
			min-width: 0;
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
		}
.DashboardHistoryPortraitPanelConfig .history-item .c-check-text .name{
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
			}
.DashboardHistoryPortraitPanelConfig .history-item[data-type='Group'] .name,.DashboardHistoryPortraitPanelConfig .history-item[data-type='List'] .name{
				color: #006BB2;
				cursor: pointer;
			}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.DashboardHistoryPortraitPanelInfo.panel-inner .panel-body{
			bottom:0px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
		}
.DashboardHistoryPortraitPanelInfo.panel-inner .panel-body .history-ctn{
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				overflow: auto;
				overflow-x: hidden;
			}
.DashboardHistoryPortraitPanelInfo .history-item{
		margin: 0 16px;
		height: 48px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		padding: 2px 0;
		border-bottom: 2px solid rgba(206, 206, 206, 0.30000000000000004);
	}
.DashboardHistoryPortraitPanelInfo .history-item.yellow{
			border-bottom: 2px solid rgba(240, 173, 78, 0.30000000000000004);
		}
.DashboardHistoryPortraitPanelInfo .history-item.red{
			border-bottom: 2px solid rgba(218, 79, 74, 0.30000000000000004);
		}
.DashboardHistoryPortraitPanelInfo .history-item.green{
			border-bottom: 2px solid rgba(114, 184, 100, 0.30000000000000004);
		}
.DashboardHistoryPortraitPanelInfo .history-item .item-line{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			color: #555555;
			font-size: 13px;
            padding-top: 6px;
            padding-bottom: 12px;
		}
.DashboardHistoryPortraitPanelInfo .history-item .item-line .col{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				word-break: break-word;
				padding-right: 8px;
			}
.DashboardHistoryPortraitPanelInfo .history-item .item-line .col:first-child{
					width: 46.875%;
				}
.DashboardHistoryPortraitPanelInfo .history-item .item-line .col:last-child{
					-webkit-box-flex: 1;
					    -ms-flex: 1;
					        flex: 1;
				}
.DashboardHistoryPortraitPanelInfo .history-item .item-line .col.name{
					display: block;
					overflow: hidden;
					word-break: break-all;
					text-overflow: ellipsis;
					white-space: nowrap;
				}
.DashboardHistoryPortraitPanelInfo .history-item .item-line .col .icon{
					fill: #999999;
					width: 16px;
					height: 16px;
					margin-right: 4px;
				}
.DashboardHistoryPortraitPanelInfo .history-item .item-line .col .icon.yellow{
						fill: #F0AD4E;
					}
.DashboardHistoryPortraitPanelInfo .history-item .item-line .col .icon.red{
						fill: #DA4F4A;
					}
.DashboardHistoryPortraitPanelInfo .history-item .item-line .col .icon.green{
						fill: #72B864;
					}
.DashboardHistoryPortraitPanelInfo .history-item .item-line .col .date{
					display: inline-block;
					white-space: nowrap;
					margin-right: 16px;
				}
.DashboardHistoryPortraitPanelInfo .history-item .item-line .col .time{
					display: inline-block;
					white-space: nowrap;
				}
.DashboardHistoryPortraitPanelInfo .history-item .item-line .col.state .icon ~ div{
						max-width: 240px;
					}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.DashboardLandscapePanelConfig{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

}
.DashboardLandscapePanelConfig.panel-inner .panel-header .title{
				margin-left: 16px;
			}
.DashboardLandscapePanelConfig .panel-right{
		position: absolute;
		top: 56px;
		right: 0px;
		bottom: 0px;
		width: 50%;
		padding: 0 8px;
	}
.DashboardLandscapePanelConfig .panel-right .date-con{
			position: absolute;
			top: 8px;
			left: 8px;
			width: 232px;
		}
.DashboardLandscapePanelConfig .panel-right .time-con{
			position: absolute;
			top: 8px;
			left: 256px;
			width: 232px;
		}
.DashboardLandscapePanelConfig .panel-right .btn-con{
			position: absolute;
			bottom:16px;
			right: 16px;
			height: 32px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
		}
.DashboardLandscapePanelConfig .panel-right .btn-con .btn{
				width: 80px;
				margin-left:16px;
			}
.DashboardLandscapePanelConfig .panel-content{
		position: absolute;
		top: 56px;
		left: 0px;
		bottom: 0px;
		width: 50%;
	}
.DashboardLandscapePanelConfig .history-panel .filter-items{
			position: absolute;
			left: 0px;
			top: 0px;
			bottom: 0px;
			right: 50%;
		}
.DashboardLandscapePanelConfig .history-panel .filter-container{
			position: absolute;
			top: 0px;
			bottom: 0px;
			width: 50%;
			right: 0;
		}
.DashboardLandscapePanelConfig .history-panel .filter-container .filter-content{
				display:none;
			}
.DashboardLandscapePanelConfig .history-panel .filter-container .filter-content.active{
					background-color: transparent;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
				}
.DashboardLandscapePanelConfig .history-panel .filter-container .filter-content .search-ctl{
					width: auto;
					margin: 16px 8px 8px 8px;
				}
.DashboardLandscapePanelConfig .history-panel .filter-container .filter-content .search-ctl input{
						width: 100%;
					}
.DashboardLandscapePanelConfig .history-panel .filter-container ul{
				padding-left: 0;
			}
.DashboardLandscapePanelConfig .history-item .c-check-text{
			min-width: 0;
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
		}
.DashboardLandscapePanelConfig .history-item .c-check-text .name{
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
			}
.DashboardLandscapePanelConfig .history-item[data-type='Group'] .name,.DashboardLandscapePanelConfig .history-item[data-type='List'] .name{
				color: #006BB2;
				cursor: pointer;
			}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.DashboardLayoutDefault{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.DashboardLayoutDefault .panel{
		position: relative;
		overflow: hidden;
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
	}
.DashboardLayoutDefault .panel.dragging{
			-webkit-box-shadow: 0px 10px 20px 0px rgba(65, 65, 65, .38),0px 6px 6px 0px rgba(65, 65, 65, .46);
			        box-shadow: 0px 10px 20px 0px rgba(65, 65, 65, .38),0px 6px 6px 0px rgba(65, 65, 65, .46);
			z-index: 30;
		}
.DashboardLayoutDefault .panel.dragging-holder{
			opacity: .3;
		}
.DashboardLayoutDefault .portrait-con{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		min-height: 360px;
		height: 50%;
		margin: 0 16px;
	}
.DashboardLayoutDefault .portrait-con .p-panel:nth-child(1){
				margin-left: 0;
			}
.DashboardLayoutDefault .portrait-con .p-panel:nth-child(3){
				margin-right: 0;
			}
.DashboardLayoutDefault .portrait-con .p-panel.dragging{
				bottom: auto;
			}
.DashboardLayoutDefault .l-panel.dragging{
			opacity: .5;
			bottom:auto;
			right:auto;
			z-index: 20;
		}
.DashboardLayoutDefault.fullscreen .portrait-con{
			display: none;
		}
.phone-mode .DashboardLayoutDefault .portrait-con {
			height: auto;
			bottom: 0px;
		}
.phone-mode .DashboardLayoutDefault .portrait-con .p-panel{
				min-height: 240px;
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				width:auto;
			}
.phone-mode .DashboardLayoutDefault .portrait-con .p-panel.swiping{
					right:auto;
					bottom:auto;
				}
.phone-mode .DashboardLayoutDefault .portrait-con .p-panel:nth-child(2){
					left:0px;
				}
.phone-mode .DashboardLayoutDefault .portrait-con .p-panel:nth-child(3){
					left:0px;
				}
.phone-mode .DashboardLayoutDefault .l-panel{
			min-height: 240px;
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
		}
.phone-mode .DashboardLayoutDefault .l-panel.swiping{
				right:auto;
				bottom:auto;
			}
.phone-mode .DashboardLayoutDefault .panel{
			display: none;
			margin: 0;
		}
.phone-mode .DashboardLayoutDefault .panel.active{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
			}
.phone-mode .DashboardLayoutDefault .panel.swiping{
				right:auto;
				bottom:auto;
			}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.DashboardLayoutOnlyOne{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.DashboardLayoutOnlyOne .panel.has-content{
		background: none;
		-webkit-box-shadow: none;
		        box-shadow: none;
		border: none;
	}
.DashboardLayoutOnlyOne.fullscreen .top-con{
			display: none;
		}
.phone-mode .DashboardLayoutOnlyOne .panel.has-content{
			margin: 0;
		}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.DashboardLockdownPanelConfig .panel-body .accesspoint-ctn{
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			margin:24px 16px 16px 16px;
		}
.DashboardLockdownPanelConfig .panel-body .accesspoint-ctn .dropdown-field{
				max-width: none;
			}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.DashboardLockdownPanelInfo .panel-header{
		height: 88px;
	}
.DashboardLockdownPanelInfo .panel-header .bottom-header{
			margin: 8px 0 12px 0px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-flex:0;
			    -ms-flex:none;
			        flex:none;
		}
.DashboardLockdownPanelInfo .panel-body{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
.DashboardLockdownPanelInfo .row{
		-webkit-box-flex:1;
		    -ms-flex:1;
		        flex:1;
		margin: 0;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
.DashboardLockdownPanelInfo .row:first-child{
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
		}
.DashboardLockdownPanelInfo .icon-con .icon{
			width: 104px;
			height: 104px;
		}
.DashboardLockdownPanelInfo .obj-txt-con{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
.DashboardLockdownPanelInfo .obj-txt{
		background: white;
		border: 2px solid #CECECE;
		color: #333333;
		min-width: 144px;
		text-align: center;
		border-radius: 16px;
		padding: 3px 12px;
		font-weight: 600;
		margin: 0 16px;
		min-height: 28px;
	}
.DashboardLockdownPanelInfo.lockdown .obj-txt{
			border-color: #DA4F4A;
		}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.DashboardMain{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}
.DashboardMain .nav-main{
		margin: 0 0px 16px 0px;
	}
.DashboardMain .panel{
		border-radius: 0;
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		margin: 0 8px;
		border: none;
		border-bottom: 2px solid #006BB2;
		-webkit-box-shadow:0px 1px 2px 0px rgba(65, 65, 65, .2);
		        box-shadow:0px 1px 2px 0px rgba(65, 65, 65, .2);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		background-color: white;
	}
.DashboardMain .panel.p-panel{
			width: 0;
		}
.DashboardMain .panel.l-panel{
			margin: 16px;
		}
.DashboardMain .panel.animation-hook .panel-inner:last-child{
				opacity: 0;
			}
.DashboardMain .panel .panel-draggable{
			cursor: pointer;
		}
.DashboardMain .panel.dragging{
			position: absolute;
		}
.DashboardMain .panel.dragging-holder .btn-add{
				display: none;
			}
.DashboardMain .panel{
				
		/* &.has-content{
			border-top: none;
			.panel-header{
				border-radius: 0px;
			}
			.DashboardPanelType{
				border-radius: 0px;
			}
			.DashboardLandscapePanelConfig{
				border-radius: 0px;
			}
			//	box-shadow: 0px 3px 6px 0px rgba(65,65,65,0.32),0px 3px 6px rgba(65,65,65,0.46);
		} */
	}
.DashboardMain .panel.active{
			z-index: 9;
			background-color: white;
		}
.DashboardMain .panel.active.has-content.active{
				z-index: 9;
			}
.DashboardMain .panel .panel-inner{
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
		}
.DashboardMain .panel .panel-inner.default-panel{
				background-color: #006BB2;
			}
.DashboardMain .panel .panel-inner .empty-txt{
				position: absolute;
				left: 0;
				right: 0;
				top: 24px;
				margin-bottom: 26px;
				font-family: "Oswald";
				font-weight: 600;
				color: #001C49;
				font-size: 14px;
				color: white;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
			}
.DashboardMain .panel .panel-inner .btn-add{
				width: 52px;
				height: 52px;
				position: absolute;
				left:50%;
				top: 50%;
				margin: -26px;
				text-shadow: 0px 3px 6px rgba(65, 65, 65, .46);
				border-radius: 78px;
				cursor: pointer;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				background: #72B864;
			}
.DashboardMain .panel .panel-inner .btn-add .icon{
					border-color: white;
				}
.DashboardMain .panel .toolbar-btn{
			float:right;
			margin-top: 4px;
			margin-right: 12px;
		}
/* --------- panel content ---------- */
.DashboardMain .panel-header{
		background-color: #006BB2;
		color: white;
		min-height: 56px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		position: relative;
	}
.DashboardMain .panel-header .title{
			font-family: "Oswald";
			font-weight: 600;
			color: #001C49;
			font-size: 14px;
			color: white;
			margin: 8px;
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
		}
.DashboardMain .panel-header .top-header{
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: justify;
			    -ms-flex-pack: justify;
			        justify-content: space-between;
		}
.DashboardMain .panel-header .top-header .icon{
				border-color: white;
				margin: 8px;
			}
.DashboardMain .panel-header .bottom-header{
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center;
		}
.DashboardMain .panel-header.arrow:before{
				z-index: 1;
				content: " ";
				position: absolute;
				left: 50%;
				bottom: -18px;
				margin-left: -7px;
				border-left: 8px solid transparent;
				border-right: 8px solid transparent;
				border-bottom: 10px solid transparent;
				border-top: 9px solid #006BB2;
			}
.DashboardMain .panel-body{
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 0;
	}
.DashboardMain .panel-footer{
		margin: 0 16px;
		height: 56px;
		padding: 0px;
		background-color: transparent;
		border-top: 1px solid #DDDDDD;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
		
	}
.DashboardMain .panel-footer .btn{
			margin-left: 16px;
			min-width: 80px;
		}
.DashboardMain .panel-footer .btn.panel-delete{
				margin-left: 0;
				margin-right: auto;
				display: none;
			}
.DashboardMain .btn-admit{
		position: relative;
		width: 160px;
		cursor: pointer;
	}
.DashboardMain .btn-admit.disabled .admit{
				color: #999999;
			}
.DashboardMain .btn-admit.sel-green{
			border-color: #72B864;
			background: white;
		}
.DashboardMain .btn-admit.sel-green .admit{
				color: #72B864;
			}
/* --------- /panel content ---------- */
.DashboardMain .delete-panel{
		min-width: 272px;
		margin-top: -60px;
		margin-left: -136px;
		left: 50%;
		top: 40%;
		width: 272px;
	}
.DashboardMain .delete-panel .content{
			padding: 16px 12px;
		}
.DashboardMain .delete-panel .content .content-header{
				white-space: nowrap;
			}
.DashboardMain.viewonly .panel .edit-btn, .DashboardMain.viewonly .panel .history-btn{
				display: none;
			}
.DashboardMain.viewonly .panel .default-panel .btn-add{
					display: none;
				}
.phone-mode .DashboardMain .nav-main{
			margin: 0;
		}
.phone-mode .DashboardMain .nav-sec-header{
			display: none;
		}
.phone-mode .DashboardMain .panel.l-panel {
				margin: 0;
			}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.DashboardMultiAPConfig{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.DashboardMultiAPConfig .dragging{
		border: 1px solid #DDDDDD;
		cursor: pointer;
	}
.DashboardMultiAPConfig .dragging .name{
			font-size: 14px;
			color:  #999999;
			display: block;
			text-align: center;
			font-weight: 300;
		}
.DashboardMultiAPConfig .panel-header.edit-mode-con.edit-mode .info-con{
					display: none;
				}
.DashboardMultiAPConfig .panel-header.edit-mode-con .edit-con{
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				padding: 0 16px;
			}
.DashboardMultiAPConfig .panel-header.edit-mode-con .accesspoint-group{
				padding-top: 0px;
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
			}
.DashboardMultiAPConfig .panel-header.edit-mode-con .accesspoint-group .SingleField{
					max-width: none;
				}
.DashboardMultiAPConfig .panel-header.edit-mode-con .accesspoint-group .ctl-label{
					display: none !important;
				}
.DashboardMultiAPConfig .panel-body{
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		padding: 16px 0 8px 0;
	}
.DashboardMultiAPConfig .panel-body .accesspoint-edit-con{
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
		}
.DashboardMultiAPConfig .panel-body .accesspoint-edit-con .row{
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				margin: 8px 0 0 0;
			}
.DashboardMultiAPConfig .panel-body .accesspoint-edit-con .row:first-child{
					margin-top: 0px;
				}
.DashboardMultiAPConfig .panel-body .accesspoint-edit-con .row .edit-panel{
					-webkit-box-flex: 1;
					    -ms-flex: 1;
					        flex: 1;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					    -ms-flex-direction: column;
					        flex-direction: column;
					-webkit-box-align: center;
					    -ms-flex-align: center;
					        align-items: center;
					-webkit-box-pack: center;
					    -ms-flex-pack: center;
					        justify-content: center;
					font-size: 12px;
					font-weight: 200;
					overflow: hidden;
					line-height: 1;
					color: #999999;
					cursor: pointer;
					position: relative;
				}
.DashboardMultiAPConfig .panel-body .accesspoint-edit-con .row .edit-panel:first-child{
						border-right: 1px solid #DDDDDD;
						margin-top: 0px;
					}
.DashboardMultiAPConfig .panel-body .accesspoint-edit-con .row .edit-panel:last-child{
						border-left: 1px solid #DDDDDD;
					}
.DashboardMultiAPConfig .panel-body .accesspoint-edit-con .edit-panel.sel{
					border: none;
				}
.DashboardMultiAPConfig .panel-body .accesspoint-edit-con .edit-panel.sel-item .name{
						position: absolute;
						font-size: 14px;
						color:  #999999;
						display: block;
						text-align: center;
						padding-left: 8px;
						padding-right: 8px;
						width: 100%;
						text-overflow: ellipsis;
						overflow: hidden;
						white-space: nowrap;
					}
.DashboardMultiAPConfig .panel-body .accesspoint-edit-con .edit-panel.sel-active:hover .i-remove{
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
					}
.DashboardMultiAPConfig .panel-body .accesspoint-edit-con .edit-panel.holder-box{
					opacity: .5;
				}
.DashboardMultiAPConfig .panel-body .accesspoint-edit-con .edit-panel .plus{
					cursor: pointer;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					width: 24px;
					height: 24px;
					padding: 0;
					-webkit-box-align: center;
					    -ms-flex-align: center;
					        align-items: center;
					-webkit-box-pack: center;
					    -ms-flex-pack: center;
					        justify-content: center;
				}
.DashboardMultiAPConfig .panel-body .accesspoint-edit-con .edit-panel .plus .icon{
						width: 12px;
						height: 12px;
					}
.DashboardMultiAPConfig .panel-body .accesspoint-edit-con .edit-panel .i-remove{
					position: absolute;
					right: 4px;
					top: 0px;
					-webkit-box-align: center;
					    -ms-flex-align: center;
					        align-items: center;
					-webkit-box-pack: center;
					    -ms-flex-pack: center;
					        justify-content: center;
					z-index:2;
					background-color: #DA4F4A;
					border-radius: 12px;
					width:16px;
					height: 16px;
					display: none;
				}
.DashboardMultiAPConfig .panel-body .accesspoint-edit-con .edit-panel .i-remove .icon{
						width: 12px;
						height: 12px;
						fill: white;
					}
.DashboardMultiAPConfig .panel-body .accesspoint-edit-con .edit-panel.active{
					background-color: #F1F7FB;
				}
.DashboardMultiAPConfig .panel-body .accesspoint-edit-con .edit-panel.active .plus, .DashboardMultiAPConfig .panel-body .accesspoint-edit-con .edit-panel.active .i-remove{
						display: none;
					}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.DashboardMultiAPInfo{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.DashboardMultiAPInfo .panel-header{
		height: 88px;
	}
.DashboardMultiAPInfo .panel-header .top-header{
			height: 36px;
		}
.DashboardMultiAPInfo .panel-header .bottom-header{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-flex:1;
			    -ms-flex:1;
			        flex:1;
			margin: 8px 0 12px 0px;
			font-size: 12px;
			font-weight: 200;
		}
.DashboardMultiAPInfo .panel-header .bottom-header .des{
				display: inline-block;
				text-align:center;
			}
.DashboardMultiAPInfo .panel-header .bottom-header .des .bold{
					font-weight: 600;
				}
.DashboardMultiAPInfo .panel-header .bottom-header .actions-con .ctl-label{
					display: none;
				}
.DashboardMultiAPInfo .panel-header .bottom-header .actions-con .Combo{
					width: 160px;
				}
.DashboardMultiAPInfo .panel-body{
		padding: 16px 0 8px 0;
	}
.DashboardMultiAPInfo .panel-footer{
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
.DashboardMultiAPInfo .panel-footer .btn{
			margin-left: 0px;
		}
.DashboardMultiAPInfo .accesspoint-content{
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
.DashboardMultiAPInfo .accesspoint-content .row{
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			margin: 8px 0 0 0;
		}
.DashboardMultiAPInfo .accesspoint-content .row:first-child{
				margin-top: 0px;
			}
.DashboardMultiAPInfo .accesspoint-content .row .accesspoint-cell{
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				font-size: 12px;
				font-weight: 200;
				overflow: hidden;
				line-height: 1;
				color: #999999;
			}
.DashboardMultiAPInfo .accesspoint-content .row .accesspoint-cell:first-child{
					border-right: 1px solid #DDDDDD;
					margin-top: 0px;
				}
.DashboardMultiAPInfo .accesspoint-content .row .accesspoint-cell:last-child{
					border-left: 1px solid #DDDDDD;
				}
.DashboardMultiAPInfo .accesspoint-content .row .accesspoint-cell .accesspoint-container{
					-webkit-box-flex: 1;
					    -ms-flex: 1;
					        flex: 1;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					    -ms-flex-direction: column;
					        flex-direction: column;
					position: relative;
					width: 100%;
				}
.DashboardMultiAPInfo .accesspoint-content .row .accesspoint-cell .accesspoint-con-panel{
					-webkit-box-flex: 1;
					    -ms-flex: 1;
					        flex: 1;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					    -ms-flex-direction: column;
					        flex-direction: column;
					-webkit-box-align: center;
					    -ms-flex-align: center;
					        align-items: center;
					-webkit-box-pack: center;
					    -ms-flex-pack: center;
					        justify-content: center;
				}
.DashboardMultiAPInfo .accesspoint-content .row .accesspoint-cell .accesspoint-con-panel.green {
						border-bottom: 2px solid #72B864;
					}
.DashboardMultiAPInfo .accesspoint-content .row .accesspoint-cell .accesspoint-con-panel.green .name .txt {
								color: #72B864;
							}
.DashboardMultiAPInfo .accesspoint-content .row .accesspoint-cell .accesspoint-con-panel.green .icon-con .icon {
								fill: #72B864;
							}
.DashboardMultiAPInfo .accesspoint-content .row .accesspoint-cell .accesspoint-con-panel.red {
						border-bottom: 2px solid #DA4F4A;
					}
.DashboardMultiAPInfo .accesspoint-content .row .accesspoint-cell .accesspoint-con-panel.red .name .txt {
								color: #DA4F4A;
							}
.DashboardMultiAPInfo .accesspoint-content .row .accesspoint-cell .accesspoint-con-panel.red .icon-con .icon {
								fill: #DA4F4A;
							}
.DashboardMultiAPInfo .accesspoint-content .row .accesspoint-cell .accesspoint-con-panel.active{
						background-color: transparent;
					}
.DashboardMultiAPInfo .accesspoint-content .row .accesspoint-cell .accesspoint-con-panel.active .name{
							color: #006BB2;
						}
.DashboardMultiAPInfo .accesspoint-content .row .accesspoint-cell .accesspoint-con-panel.active .time, .DashboardMultiAPInfo .accesspoint-content .row .accesspoint-cell .accesspoint-con-panel.active .lock-down, .DashboardMultiAPInfo .accesspoint-content .row .accesspoint-cell .accesspoint-con-panel.active .lock-status, .DashboardMultiAPInfo .accesspoint-content .row .accesspoint-cell .accesspoint-con-panel.active .warning-status, .DashboardMultiAPInfo .accesspoint-content .row .accesspoint-cell .accesspoint-con-panel.active .bottom-info{
							display: none;
						}
.DashboardMultiAPInfo .accesspoint-content .row .accesspoint-cell .accesspoint-con-panel.active .selected-status{
							display: block;
						}
.DashboardMultiAPInfo .accesspoint-content .row .accesspoint-cell .name{
					color: #72B864;
					font-size: 14px;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-flex: 1;
					    -ms-flex: 1;
					        flex: 1;
					position: relative;
					width: 100%;
				}
.DashboardMultiAPInfo .accesspoint-content .row .accesspoint-cell .name .txt{
						position: absolute;
						top: 0;
						right: 0;
						bottom: 0;
						left: 0;
						display: inline-block;
						white-space: nowrap;
						text-overflow: ellipsis;
						overflow:hidden;
						text-align: center;
					}
.DashboardMultiAPInfo .accesspoint-content .row .accesspoint-cell .time{
					-webkit-box-flex: 1;
					    -ms-flex: 1;
					        flex: 1;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-align: center;
					    -ms-flex-align: center;
					        align-items: center;
					-webkit-box-pack: center;
					    -ms-flex-pack: center;
					        justify-content: center;
					margin: 0 16px;
				}
.DashboardMultiAPInfo .accesspoint-content .row .accesspoint-cell .lock-down{
					color: #DA4F4A;
					-webkit-box-flex: 1;
					    -ms-flex: 1;
					        flex: 1;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-align: center;
					    -ms-flex-align: center;
					        align-items: center;
					-webkit-box-pack: center;
					    -ms-flex-pack: center;
					        justify-content: center;
					margin: 0 16px;
				}
.DashboardMultiAPInfo .accesspoint-content .row .accesspoint-cell .icon-con{
					width: 16px;
					height: 16px;
					position: absolute;
					top: 50%;
					margin-top: -8px;
				}
.DashboardMultiAPInfo .accesspoint-content .row .accesspoint-cell .icon-con .icon{
						width: 100%;
						height: 100%;
						fill: #006BB2;
					}
.DashboardMultiAPInfo .accesspoint-content .row .accesspoint-cell .icon-con.red{
						color: #F0AD4E;
					}
.DashboardMultiAPInfo .accesspoint-content .row .accesspoint-cell .icon-con.yellow{
						color: #DA4F4A;
					}
.DashboardMultiAPInfo .accesspoint-content .row .accesspoint-cell .icon-con.selected-status{
						position: absolute;
						left: 50%;
						top: 50%;
						width: 24px;
						height: 24px;
						margin-top: -12px;
						margin-left: -12px;
						display: none;
					}
.DashboardMultiAPInfo .accesspoint-content .row .accesspoint-cell .icon-con.lock-status{
						left: 6px;
					}
.DashboardMultiAPInfo .accesspoint-content .row .accesspoint-cell .icon-con.warning-status{
						right: 6px;
					}
.DashboardMultiAPInfo .accesspoint-content .row .accesspoint-cell .bottom-info{
					-webkit-box-flex: 1;
					    -ms-flex: 1;
					        flex: 1;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-align: center;
					    -ms-flex-align: center;
					        align-items: center;
					-webkit-box-pack: justify;
					    -ms-flex-pack: justify;
					        justify-content: space-between;
					width: 100%;
					padding: 0 8px;
				}
.DashboardMultiAPInfo .accesspoint-content .row .accesspoint-cell .bottom-info .door-status.open{
							color: #72B864;
						}
.DashboardMultiAPInfo .accesspoint-content .row .accesspoint-cell .bottom-info .door-status.closed{
							color: #DA4F4A;
						}
.DashboardMultiAPInfo .accesspoint-content .row .accesspoint-cell .bottom-info .door-status.unknown{
							display: none;
						}
.DashboardMultiAPInfo .accesspoint-content .row .accesspoint-cell .bottom-info .admit-status{
						margin-left: auto;
						color: #72B864;
					}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.DashboardPanelType .panel-body{
		top:0px;
		width:100%;
		padding: 8px 8px;
		border-radius: 3px;
	}
.DashboardPanelType .panel-body ul{
			width:100%;
			padding: 0;
		}
.DashboardPanelType .panel-body ul li{
				list-style: none;
				padding: 0 8px;
				height: 32px;
			}
.DashboardPanelType .panel-body ul li label{
					font-size: 12px;
					font-weight: 300;
					color: #555555;
					margin-bottom: 0;
				}
.DashboardPanelType .panel-body ul li.panel-type-item{
					cursor: pointer;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-align: center;
					    -ms-flex-align: center;
					        align-items: center;
				}
.DashboardPanelType .panel-body ul li.panel-type-item .icon-con{
						margin-right: 8px;
					}
.DashboardPanelType .panel-body ul li.panel-type-item label{
						cursor: pointer;
					}
.DashboardPanelType .panel-body ul li.active{
					background-color: transparent;
				}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.DashboardScreen .nav-header{
		position: relative;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
.DashboardScreen .nav-header .arrow{
			font-size: 32px;
			fill: #006BB2;
			position: absolute;
			top: 10px;
			cursor: pointer;
		}
.DashboardScreen .nav-header .arrow-left{
				left: 0px;
			}
.DashboardScreen .nav-header .arrow-right{
				right: 8px;
			}
.DashboardScreen .nav-header .arrow:before{
				position: relative;
				z-index: 2;
			}
.DashboardScreen .nav-header .wrap-nav-menu{
			white-space: nowrap;
			text-align: left;
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			position: relative;
			margin-right: 120px;
			margin-top: 1px;
		}
.DashboardScreen .nav-header .wrap-nav-menu .nav-menu{
				margin-left: 32px;
				margin-right: 40px;
				overflow:hidden;
				display: block;
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				width: 0;
				height: 40px;
			}
.DashboardScreen .nav-header .wrap-nav-menu .nav-menu.increase-width{
					margin-left: 0px;
					margin-right: 0px;
				}
.DashboardScreen .nav-header .wrap-nav-menu .nav-menu .nav-item.active{
						border-width: 3px;
					}
.DashboardScreen .nav-header .wrap-nav-menu li{
				line-height: 40px;
				display: inline-block;
			}
.DashboardScreen .nav-header .wrap-nav-menu li.dragover{
					background-color: #c6e7f3;
				}
.DashboardScreen .nav-header .wrap-nav-menu li.dragging-holder{
					opacity: .3;
					background-color: #CECECE;
				}
.DashboardScreen .nav-header .wrap-nav-menu li.dragging-holder a{
						color: #C0C0C0;
					}
.DashboardScreen .nav-header .nav-item .info-edit-dashboard{
				display: none;
				font-size: 12px;
				color: #006BB2;
				cursor: pointer;
			}
.DashboardScreen .nav-header .update-con{
			line-height: 26px;
			color: #006BB2;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			width:88px;
		}
/* &.btn-fixed{
				position: absolute;
				right: 0px;
				top: 12px;
			} */
.DashboardScreen .nav-header .update-con .add{
				margin: 0 8px 0 16px;
			}
.DashboardScreen .nav-header .update-con .add.active{
				   background-color: transparent;
				}
.DashboardScreen .nav-header .update-con .add.dragover{
					background-color: #c6e7f3;
				}
.DashboardScreen .nav-header .update-con .edit-btn{
				margin: 0 16px 0 8px;
			}
.DashboardScreen .nav-header .dragging{
			opacity: .5;
			background-color: #CECECE;
			text-align: center;
			float:none;
			display: inline-block;
			z-index: 99;
		}
.DashboardScreen .nav-header .dragging > a{
				position: relative;
				max-width: none;
				font-size: 12px;
				color: #CECECE;
				line-height: 16px;
			}
.DashboardScreen .nav-header .dragging .info-edit-dashboard{
				display: none;
			}
.DashboardScreen .nav-header [data-layout='phone']{
			display:-webkit-box;
			display:-ms-flexbox;
			display:flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			-webkit-box-pack:justify;
			    -ms-flex-pack:justify;
			        justify-content:space-between;
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
		}
.DashboardScreen .nav-header [data-layout='phone'] .dropdown-con{
				margin-left: 16px;
			}
.DashboardScreen .nav-header [data-layout='phone'] .dropdown-con .display-name{
					font-weight: 600;
				}
.DashboardScreen .nav-header [data-layout='phone'] .dropdown-con .toggle-icon{
					margin-left: 8px;
				}
.DashboardScreen .nav-header [data-layout='phone'] .dropdown-con .dropdown-menu{
					left: -16px;
					height: auto;
					max-width: 320px;
				}
.DashboardScreen .nav-header [data-layout='phone'] .dropdown-con .dropdown-menu .nav-item{
						font-size: 14px;
						height: 32px;
						margin: 0;
						padding: 0 16px;
						-webkit-box-pack: justify;
						    -ms-flex-pack: justify;
						        justify-content: space-between;
						text-align: left;
					}
.DashboardScreen .nav-header [data-layout='phone'] .dropdown-con .dropdown-menu .nav-item.active .info-edit-dashboard{
								display: block;
								margin-left: 8px;
							}
.DashboardScreen .nav-header [data-layout='phone'] .dropdown-con .dropdown-menu .nav-item:hover{
							background-color: #F1F7FB;
						}
.DashboardScreen .nav-header [data-layout='phone'] .dropdown-con .dropdown-menu .nav-item .txt{
							overflow: hidden;
							white-space: nowrap;
							text-overflow: ellipsis;
						}
.DashboardScreen .nav-header [data-layout='phone'] .radio-ctn{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				margin-right: 8px;
				margin-left: auto;
			}
.DashboardScreen .nav-header [data-layout='phone'] .radio-ctn .c-radio{
					margin-right: 12px;
				}
.phone-mode .nav-ctn{
		overflow-y: auto;
	}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.DashboardSingleAPConfig .panel-body{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
	}
.DashboardSingleAPConfig .panel-body .accesspoint-ctn{
			margin:16px 16px 0 16px;
		}
.DashboardSingleAPConfig .panel-body .accesspoint-ctn .dropdown-field{
				max-width: none;
			}
.DashboardSingleAPConfig .panel-body .display-ctn{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			margin: 0 16px;
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			margin-top: 16px;
		}
.DashboardSingleAPConfig .panel-body .display-ctn-header{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				height: 32px;
			}
.DashboardSingleAPConfig .panel-body .display-ctn-header .display-title{
					margin: 0;
					color: #555555;
					font-size: 12px;
					padding-left: 8px;
				}
.DashboardSingleAPConfig .panel-body .display-ctn-header .count{
					color: #555555;
				}
.DashboardSingleAPConfig .panel-body .display-ctn-header .selected{
					margin-left: 8px;
					color: #555555;
				}
.DashboardSingleAPConfig .panel-body .display-ctn .history-ctn{
				border-top: 1px solid #DDDDDD;
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				overflow-y:auto;
			}
.DashboardSingleAPConfig .panel-body .display-ctn .history-ctn .history-item{
					height: 32px;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-align: center;
					    -ms-flex-align: center;
					        align-items: center;
				}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.DashboardSingleAPInfo.state-disabled{
		background: rgba(217, 83, 78, .10);
	}
.DashboardSingleAPInfo .panel-header .title-row{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-flex:1;
			    -ms-flex:1;
			        flex:1;
    		width: 0;
		}
.DashboardSingleAPInfo .panel-header .title-part{
			margin-right: 8px;
			white-space: nowrap;
		}
.DashboardSingleAPInfo .panel-header .title-part.ap-name{
				overflow: hidden;
				text-overflow: ellipsis;
			}
.DashboardSingleAPInfo .panel-header .actions-header{
			margin: 8px 0 12px 0px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center;
		}
.DashboardSingleAPInfo .panel-header .actions-header .actions-con{
				width: 192px;
			}
.DashboardSingleAPInfo .panel-header .actions-header .ctl-label{
				display: none;
			}
.DashboardSingleAPInfo .panel-body{
		padding: 0px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		padding-top: 16px;

	}
.DashboardSingleAPInfo .panel-body .current-status{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			height: 24px;
			width: 100%;
			color: #999999;
			font-weight: 600;
			font-size: 12px;
			padding-left: 16px;
			margin-bottom: 0px;
		}
.DashboardSingleAPInfo .panel-body .current-status .rule-status{
				margin-left: 4px;
			}
.DashboardSingleAPInfo .panel-body .status-ctn{
			height:24px;
			padding: 0 16px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			-webkit-box-pack: justify;
			    -ms-flex-pack: justify;
			        justify-content: space-between;
			font-size: 13px;
		}
.DashboardSingleAPInfo .panel-body .status-ctn .door-status{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				margin-right: 8px;
			}
.DashboardSingleAPInfo .panel-body .status-ctn .door-status .icon-con{
					margin-right: 4px;
				}
.DashboardSingleAPInfo .panel-body .status-ctn .door-status .icon-con .icon{
						fill: #ECA7A4;
					}
.DashboardSingleAPInfo .panel-body .status-ctn .door-status .text{
					color: #555555;
				}
.DashboardSingleAPInfo .panel-body .status-ctn .door-status.open .icon{
						fill: #72B864;
					}
.DashboardSingleAPInfo .panel-body .status-ctn .door-status.unknown{
					display: none;
				}
.DashboardSingleAPInfo .panel-body .status-ctn .lock-status{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				margin-right: auto;
			}
.DashboardSingleAPInfo .panel-body .status-ctn .lock-status .icon-con{
					margin-right: 4px;
				}
.DashboardSingleAPInfo .panel-body .status-ctn .lock-status .text{
					color: #555555;
				}
.DashboardSingleAPInfo .panel-body .status-ctn .lock-status.admit{
					color: #72B864;
				}
.DashboardSingleAPInfo .panel-body .status-ctn .status-disabled{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				margin-left: auto;
			}
.DashboardSingleAPInfo .panel-body .status-ctn .status-disabled .icon-con{
					margin-right: 4px;
				}
.DashboardSingleAPInfo .panel-body .status-ctn .status-disabled .icon{
					fill: #F0AD4E;
				}
.DashboardSingleAPInfo .panel-body .status-ctn .status-disabled .text{
					display: inline-block;
					font-size: 14px;
					color: #DA4F4A;
				}
.DashboardSingleAPInfo .panel-body .status-ctn .extended-status{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				margin-left: auto;
			}
.DashboardSingleAPInfo .panel-body .status-ctn .extended-status .icon-con{
					margin-right: 4px;
				}
.DashboardSingleAPInfo .panel-body .status-ctn .extended-status .icon{
					fill: #F0AD4E;
				}
.DashboardSingleAPInfo .panel-body .status-ctn .extended-status.warning{
					color: #DA4F4A;
				}
.DashboardSingleAPInfo .panel-body .history-ctn{
			overflow-y: auto;
			overflow-x: hidden;
			padding: 0px 0;
			margin: 0 16px;
			-webkit-box-flex:1;
			    -ms-flex:1;
			        flex:1;
			border-top: 1px solid #DDDDDD;
		}
.DashboardSingleAPInfo .panel-body .history-ctn .history-item{
				border-bottom: 1px solid #DDDDDD;
				position: relative;
				min-height: 48px;
				font-size: 12px;
				vertical-align: middle;
				color: #999999;
				font-weight: 300;
				background: white;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
			}
.DashboardSingleAPInfo .panel-body .history-ctn .history-item:last-child{
					border-bottom: none;
				}
.DashboardSingleAPInfo .panel-body .history-ctn .history-item .img-ctn{
					width: 40px;
					height: 40px;
					min-height: 16px;
					text-align: center;
					margin-right: 8px;
					overflow: hidden;
				}
.DashboardSingleAPInfo .panel-body .history-ctn .history-item .mid{
					-webkit-box-flex: 1;
					    -ms-flex: 1;
					        flex: 1;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					    -ms-flex-direction: column;
					        flex-direction: column;
				}
.DashboardSingleAPInfo .panel-body .history-ctn .history-item .time{
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
				}
.DashboardSingleAPInfo .panel-body .history-ctn .history-item .display-name{
					margin-left: 8px;
				}
.DashboardSingleAPInfo .panel-body .history-ctn .history-item .user{
					max-width: none;
				}
.DashboardSingleAPInfo .panel-body .history-ctn .history-item .status{
					margin: 0 8px;
				}
.DashboardSingleAPInfo .panel-body .history-ctn .history-item .status .icon{
						width: 16px;
						height: 16px;
					}
.DashboardSingleAPInfo .panel-body .history-ctn .history-item .status .icon.yellow{
							fill: #ECA7A4;
						}
.DashboardSingleAPInfo .panel-body .history-ctn .history-item .status .icon.red{
							fill: #F0AD4E;
						}
.DashboardSingleAPInfo .panel-body .history-ctn .history-item .status .icon.green{
							fill: #72B864;
						}
.DashboardSingleAPInfo .panel-footer{
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
.DashboardSingleAPInfo .panel-footer .btn{
			margin-left: 0px;
		}
.DashboardSingleAPInfo .locked-down-modal{
		width: 268px;
		margin-left: -134px;
	}
.DashboardSingleAPInfo .locked-down-modal .content{
			padding-left: 12px;
			padding-right: 12px;
		}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.DashboardUserProfileConfig .panel-body{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		padding: 8px 8px 0 8px;
	}
.DashboardUserProfileConfig .panel-body .p-sec{
			border: none;
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
		}
.DashboardUserProfileConfig .panel-body .p-sec.active{
				background-color: transparent;
			}
.DashboardUserProfileConfig .panel-body .p-sec-header{
				height: 70px;
			}
.DashboardUserProfileConfig .panel-body .p-sec-body{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				padding-bottom: 0;
			}
.DashboardUserProfileConfig .panel-body .p-sec-body .items-con{
					-webkit-box-flex: 1;
					    -ms-flex: 1;
					        flex: 1;
					overflow-y: auto;
				}
.DashboardUserProfileConfig .panel-body .p-sec-body .items-con .item{
						height: 40px;
					}
.DashboardUserProfileConfig .panel-body .filter-item .c-check-text{
				min-width: 0;
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
			}
.DashboardUserProfileConfig .panel-body .filter-item .c-check-text .name{
					-webkit-box-flex: 1;
					    -ms-flex: 1;
					        flex: 1;
				}
.DashboardUserProfileConfig .panel-body .filter-item[data-type='List'] .name{
					color: #006BB2;
					cursor: pointer;
				}
.DashboardUserProfileConfig .panel-body .search-ctl{
			width: auto;
			margin-left: 16px;
			margin-right: 16px;
			margin-bottom: 16px;
		}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.DashboardUserProfileInfo .panel-header{
		height: 88px;
	}
.DashboardUserProfileInfo .panel-header .title{
			min-width: 0;
			height: 20px;
		}
.DashboardUserProfileInfo .panel-header .title .title-val{
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}
.DashboardUserProfileInfo .col{
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		position: relative;
		padding-top: 128px;
	}
.DashboardUserProfileInfo .col.ap-col{
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
		}
.DashboardUserProfileInfo .label{
		font-family: "Oswald";
		font-weight: 600;
		color: #001C49;
		font-size: 14px;
		font-size: 13px;
		color: #999999;
		font-weight: 800;
		margin-bottom: 4px;
	}
.DashboardUserProfileInfo .value{
		font-size: 12px;
		color: #333333;
		height: 16px;
		position: relative;
	}
.DashboardUserProfileInfo .value .txt{
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}
.DashboardUserProfileInfo .profile-con{
		width: 200px;
		height:  200px;
		border: 1px solid #CECECE;
		background: white;
		border-radius: 200px;
		position: absolute;
		left: 50%;
		margin-left: -100px;
		top: 30px;
		z-index: 2;
	}
.DashboardUserProfileInfo .profile{
		position: absolute;
		top: 4px;
		right: 4px;
		left: 4px;
		bottom: 4px;
		overflow: hidden;
		border-radius: 190px;
	}
.DashboardUserProfileInfo .event-con{
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		border-right: 1px solid #DDDDDD;
		color: #333333;
	}
.DashboardUserProfileInfo .event-con .event{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center;
		}
.DashboardUserProfileInfo .event-con .event .icon{
				width: 16px;
				height: 16px;
				margin-right: 4px;
			}
.DashboardUserProfileInfo .event-con .event .icon.yellow{
					fill: #ECA7A4;
				}
.DashboardUserProfileInfo .event-con .event .icon.red{
					fill: #F0AD4E;
				}
.DashboardUserProfileInfo .event-con .event .icon.green{
					fill: #72B864;
				}
.DashboardUserProfileInfo .user-name{
		color: #72B864;
		position: absolute;
		top: 234px;
		left: 0;
		right: 0;
		text-align: center;
		white-space: nowrap;
		font-size: 20px;
		letter-spacing: .1px;
	}
.DashboardUserProfileInfo .accesspoint-con{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: stretch;
		    -ms-flex-align: stretch;
		        align-items: stretch;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
.DashboardUserProfileInfo .accesspoint-con .accesspoint-name{
			text-align: center;
		}
.DashboardUserProfileInfo .datetime-con{
		text-align:center;
		position: absolute;
		bottom: 12px;
		left: 0;
		right: 0;
		text-align: center;
	}
.DashboardUserProfileInfo .badge-con{
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		border-left: 1px solid #DDDDDD;
	}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.ListEditInfoView{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.ListEditInfoView-screen.noevents{
			pointer-events: none;
		}
.ListEditInfoView-content{
		position: relative;
		z-index: 1;
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
.ListEditInfoView-content .head-ctn{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			margin: 32px 16px 24px 16px;
		}
.ListEditInfoView-content .head-ctn .lists-group{
				width: 224px;
				padding-top: 0;
				margin-left: 16px;
			}
.ListEditInfoView-content .head-ctn .lists-group .Combo .dropdown-control{
						background-color: white;
					}
.ListEditInfoView-content .head-ctn .lists-group .Combo .dropdown-items{
						background-color: white;
					}
.ListEditInfoView-content .head-ctn .button-con{
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: end;
				    -ms-flex-pack: end;
				        justify-content: flex-end;
				margin-left: 16px;
			}
.ListEditInfoView-content .head-ctn .button-con .save-btns{
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-flex: 1;
					    -ms-flex: 1;
					        flex: 1;
					-webkit-box-pack: end;
					    -ms-flex-pack: end;
					        justify-content: flex-end;
					margin-right: 16px;
				}
.ListEditInfoView-content .head-ctn .button-con .save-btns .btn{
						width: 128px;
						margin-left: 16px;
					}
.ListEditInfoView-content .list-info-ctn{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			margin: 0 16px;
			height: 200px;
			
		}
.ListEditInfoView-content .list-info-ctn .ctl.changed{
					background-color: #F1F7FB;
				}
.ListEditInfoView-content .list-info-ctn .basic-ctn{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
			}
.ListEditInfoView-content .list-info-ctn .basic-info{
				width: 560px;
				height: 136px;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
			}
.ListEditInfoView-content .list-info-ctn .basic-info .basic-col{
					width: 280px;
					margin: 16px;
				}
.ListEditInfoView-content .list-info-ctn .basic-info .basic-col .area-group{
						margin-top: 32px;
					}
.ListEditInfoView-content .list-info-ctn .basic-info .basic-col .area-group .dropdown-control.changed{
								background: #F1F7FB;
							}
.ListEditInfoView-content .list-info-ctn .basic-info .description-col{
					margin: 16px;
					margin-left: 0px;
				}
.ListEditInfoView-content .list-info-ctn .basic-info .description-col textarea{
						height: 96px;
					}
.ListEditInfoView-content .list-info-ctn .add-con{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				padding: 16px 0 0 16px;
			}
.ListEditInfoView-content .table-panel{
			margin: 16px;
		}
.ListEditInfoView-content .table-panel .tr{
				height: auto;
				-webkit-box-flex: 0;
				    -ms-flex: none;
				        flex: none;
			}
.ListEditInfoView-content .table-panel .td .group{
					color: #006BB2;
					cursor: pointer;
				}
.ListEditInfoView-content .relation-ctn{
			-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
			        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
			background: white;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			margin-left: 16px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
		}
.ListEditInfoView-content .relation-ctn .relation-title{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				height: 56px;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
				background: #006BB2;
				padding: 0 16px;
				font-family: "Oswald";
				font-weight: 600;
				color: #001C49;
				font-size: 14px;
				color: white;
			}
.ListEditInfoView-content .relation-ctn .relation-title .btn-add{
					padding: 3px 12px;
				}
.ListEditInfoView-content .relation-ctn .relation-content{
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				overflow-y: auto;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
			}
.ListEditInfoView-content .relation-ctn .relation-content .empty-text{
					color: #555555;
					padding: 16px;
					font-style: italic;
				}
.ListEditInfoView-content .relation-ctn .relation-content .relation-info{
					min-height: 56px;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					padding: 0 16px;
					-webkit-box-pack: justify;
					    -ms-flex-pack: justify;
					        justify-content: space-between;
					-webkit-box-align: center;
					    -ms-flex-align: center;
					        align-items: center;
					outline: none;
					position: relative;
				}
.ListEditInfoView-content .relation-ctn .relation-content .relation-info:before{
						content: " ";
						position: absolute;
						left: 16px;
						right: 16px;
						bottom: 0;
						border-bottom: 1px solid #CECECE;
					}
.ListEditInfoView-content .relation-ctn .relation-content .relation-info .lt{
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-align: center;
						    -ms-flex-align: center;
						        align-items: center;
						color: #555555;
						margin-right: auto;
					}
.ListEditInfoView-content .relation-ctn .relation-content .relation-info .lt .icon{
							margin-right: 16px;
						}
.ListEditInfoView-content .relation-ctn .relation-content .relation-info .lt .last-used{
							height: 24px;
						}
.ListEditInfoView-content .relation-ctn .relation-content .relation-info .lt .value{
							-webkit-box-flex: 1;
							    -ms-flex: 1;
							        flex: 1;
						}
.ListEditInfoView-content .relation-ctn .relation-content .relation-info .rt{
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
					}
.ListEditInfoView-content .relation-ctn .relation-content .relation-info .rt .info-action{
							margin-right: 8px;
						}
.ListEditInfoView-content .relation-ctn .relation-content .relation-info:last-child{
						border-bottom: none;
					}
.ListEditInfoView-content .relation-ctn .relation-content .relation-info .info-action{
						display: none;
					}
.ListEditInfoView-content .relation-ctn .relation-content .relation-info:focus{
						background-color: #F1F7FB;
					}
.ListEditInfoView-content .relation-ctn .relation-content .relation-info:focus .info-action{
							display: -webkit-box;
							display: -ms-flexbox;
							display: flex;
						}
.ListEditInfoView-content .relation-ctn .relation-content .relation-info:focus .des{
							display: none;
						}
.ListEditInfoView-content .relation-ctn .relation-content .relation-info.changed, .ListEditInfoView-content .relation-ctn .relation-content .relation-info.add{
						background: #F1F7FB;
					}
.phone-mode .ListEditInfoView .section-dropdown-ctn{
			width: 100%;
			display:-webkit-box;
			display:-ms-flexbox;
			display:flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
		}
.phone-mode .ListEditInfoView .section-dropdown-ctn .btn-add{
				padding: 3px 12px;
			}
.phone-mode .ListEditInfoView .section-dropdown-ctn .it-box{
				height: 32px;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				padding: 0 16px;
			}
.phone-mode .ListEditInfoView .section-dropdown-ctn .it-box.title-box{
					height: 56px;
					background-color: #006BB2;
					font-family: "Oswald";
					font-weight: 600;
					color: #001C49;
					font-size: 14px;
					color: white;
				}
.phone-mode .ListEditInfoView .section-dropdown-ctn .dropdown-con{
				margin: 0;
			}
.phone-mode .ListEditInfoView .section-dropdown-ctn .dropdown-con .display-name{
					color: #006BB2;
					font-weight: 600;
				}
.phone-mode .ListEditInfoView .section-dropdown-ctn .dropdown-con .toggle-icon{
					margin-left: 8px;
				}
.phone-mode .ListEditInfoView .section-dropdown-ctn .dropdown-con .dropdown-menu{
					left: -16px;
					height: auto;
				}
.phone-mode .ListEditInfoView .section-dropdown-ctn .dropdown-con .dropdown-menu li{
						font-size: 14px;
						height: 32px;
						margin: 0;
						padding: 0 16px;
						-webkit-box-align: center;
						    -ms-flex-align: center;
						        align-items: center;
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-pack: justify;
						    -ms-flex-pack: justify;
						        justify-content: space-between;
					}
.phone-mode .ListEditInfoView .section-dropdown-ctn .dropdown-con .dropdown-menu li.active{
							font-weight: 600;
							color: #006BB2;
						}
.phone-mode .ListEditInfoView .section-dropdown-ctn .dropdown-con .dropdown-menu li:hover{
							background-color: #F1F7FB;
						}
.phone-mode .ListEditInfoView .relation-edit{
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			width: 100%;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
		}
.phone-mode .ListEditInfoView .relation-edit .ctl-group{
				margin: 16px 8px 0 8px;
			}
.phone-mode .ListEditInfoView .relation-edit .ctl.changed{
					background-color: #F1F7FB;
				}
.phone-mode .ListEditInfoView .relation-edit .dropdown-control.changed{
					background-color: #F1F7FB;
				}
.phone-mode .ListEditInfoView .relation-edit .sub-ctn{
				display: none;
				background: white;
				margin: 0;
			}
.phone-mode .ListEditInfoView .relation-edit .sub-ctn.active{
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-flex: 1;
					    -ms-flex: 1;
					        flex: 1;
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					    -ms-flex-direction: column;
					        flex-direction: column;
				}
.phone-mode .ListEditInfoView .relation-edit .sub-ctn .relation-content{
					overflow-y: auto;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-flex: 1;
					    -ms-flex: 1;
					        flex: 1;
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					    -ms-flex-direction: column;
					        flex-direction: column;
				}
.phone-mode .ListEditInfoView .save-btns{
			border-top: 1px solid #006BB2;
			height: 56px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			-webkit-box-pack: end;
			    -ms-flex-pack: end;
			        justify-content: flex-end;
			padding-right: 8px;
		}
.phone-mode .ListEditInfoView .save-btns .btn{
				width: 80px;
				margin-left: 16px;
			}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.ListsView{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.ListsView .list-text{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		height: 56px;
		color: #555555;
	}
.ListsView .add-list{
		width: 200px;
	}
.ListsView .table-panel .td .rule{
				display: inline-block;
			}
.phone-mode .ListsView .nav-main{
			margin: 0;
		}
.phone-mode .ListsView .nav-sec-header{
			display: none;
		}
.phone-mode .ListsView .list-panel .btn-add{
				padding: 3px 12px;
				width: auto;
			}
.phone-mode .ListsView .list-panel .data-col.members{
					width: 112px;
					-webkit-box-flex: 0;
					    -ms-flex: none;
					        flex: none;
					-webkit-box-pack: center;
					    -ms-flex-pack: center;
					        justify-content: center;
				}

/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.ReportAccesspoints{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.ReportAccesspoints .head-ctn{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin: 0 16px;
		height: 80px;
	}
.ReportAccesspoints .head-ctn .ctl-group{
			width: 280px;
			margin-left: 8px;
			padding-top: 8px;
		}
.ReportAccesspoints .head-ctn .ctl-group .ctl{
				background-color: white;
				color: #999999;
			}
.ReportAccesspoints .head-ctn .info-con{
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			height: 28px;
			margin: 8px 0 0 16px;
			color: #999999;
		}
.ReportAccesspoints .head-ctn .button-con{
			margin-top: 8px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
		}
.ReportAccesspoints .head-ctn .button-con .btn{
				margin-left: 16px;
			}
.ReportAccesspoints .table-panel{
		border: none;
		margin-bottom: 16px;
	}
.ReportAccesspoints .table-panel .table-ctn{
			border-bottom: 2px solid #006BB2;
		}
.ReportAccesspoints .table-panel .table-ctn .Datagrid.list-table .table .tr{
							height: auto;
							-webkit-box-flex: 0;
							    -ms-flex: none;
							        flex: none;
						}
.ReportAccesspoints .table-panel .table-ctn .Datagrid.list-table .table .tbody .tr{
								min-height: 56px;
							}
.ReportAccesspoints .table-panel .table-ctn .Datagrid.list-table .table .tbody .td{
								padding-top: 16px;
								padding-bottom: 16px;
								-ms-flex-item-align: start;
								    align-self: flex-start;
							}
.ReportAccesspoints .table-panel .table-ctn .Datagrid.list-table .table .tbody .td .wrap-cell{
									-webkit-box-orient: vertical;
									-webkit-box-direction: normal;
									    -ms-flex-direction: column;
									        flex-direction: column;
									-webkit-box-align: start;
									    -ms-flex-align: start;
									        align-items: flex-start;
								}
.ReportAccesspoints .table-panel .table-ctn .Datagrid.list-table .table .tbody .td.list-name{
									padding-left: 16px;
								}
.ReportAccesspoints .foot-ctn{
		height: 56px;
	}
.ReportAccesspoints .filter-ctn{
		margin-right: 16px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 16px;
	}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.ReportAccesspointsFilter{
	-webkit-box-flex:1;
	    -ms-flex:1;
	        flex:1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-left: none;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.ReportAccesspointsFilter .side-panel{
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
	}
.ReportAccesspointsFilter .filter-footer{
		margin: 8px 16px;
	}
.ReportAccesspointsFilter .report-action-text{
			display: none;
			font-size: 12px;
		}
.ReportAccesspointsFilter .report-action.done .report-action-text{
				display: inline-block;
			}
.ReportAccesspointsFilter .report-action.done .btn-run-report{
				display: none;
			}
.ReportAccesspointsFilter .filter-item .c-check-text{
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			min-width: 0;
		}
.ReportAccesspointsFilter .filter-item .c-check-text .name{
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
			}
.ReportAccesspointsFilter .filter-item[data-type='list'] .name{
				color: #006BB2;
				cursor: pointer;
			}
.ReportAccesspointsFilter .toggle-deactivate{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		height: 32px;
		color: #006BB2;
		cursor: pointer;
	}
.ReportAccesspointsFilter .search-ctl{
		width: 248px;
		margin-left: 16px;
	}
.ReportAccesspointsFilter .search-ctl .ctl{
			background-color: white;
		}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.ReportAttendance{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.ReportAttendance .head-ctn{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin: 0 16px;
		height: 80px;
	}
.ReportAttendance .head-ctn .ctl-group{
			width: 280px;
			margin-left: 8px;
			padding-top: 8px;
		}
.ReportAttendance .head-ctn .ctl-group .ctl{
				background-color: white;
				color: #999999;
			}
.ReportAttendance .head-ctn .info-con{
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			height: 28px;
			margin: 8px 0 0 16px;
			color: #999999;
		}
.ReportAttendance .head-ctn .button-con{
			margin-top: 8px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
		}
.ReportAttendance .head-ctn .button-con .btn{
				margin-left: 16px;
			}
.ReportAttendance .table-panel{
		border: none;
		margin-bottom: 16px;
	}
.ReportAttendance .table-panel .table-ctn{
			border-bottom: 2px solid #006BB2;
		}
.ReportAttendance .table-panel .table-ctn .table .td.time .wrap-cell{
							-webkit-box-orient: vertical;
							-webkit-box-direction: normal;
							    -ms-flex-direction: column;
							        flex-direction: column;
							-webkit-box-align: start;
							    -ms-flex-align: start;
							        align-items: flex-start;
							-webkit-box-pack: center;
							    -ms-flex-pack: center;
							        justify-content: center;
						}
.ReportAttendance .foot-ctn{
		height: 56px;
	}
.ReportAttendance .filter-ctn{
		margin-right: 16px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 16px;
	}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.ReportAttendanceFilter{
	-webkit-box-flex:1;
	    -ms-flex:1;
	        flex:1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-left: none;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.ReportAttendanceFilter .side-panel{
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
	}
.ReportAttendanceFilter .filter-footer{
		margin: 8px 16px;
	}
.ReportAttendanceFilter .report-action-text{
			display: none;
			font-size: 12px;
		}
.ReportAttendanceFilter .report-action.done .report-action-text{
				display: inline-block;
			}
.ReportAttendanceFilter .report-action.done .btn-run-report{
				display: none;
			}
.ReportAttendanceFilter .filter-item .c-check-text{
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			min-width: 0;
		}
.ReportAttendanceFilter .filter-item .c-check-text .name{
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
			}
.ReportAttendanceFilter .filter-item[data-type='group'] .name{
				color: #006BB2;
				cursor: pointer;
			}
.ReportAttendanceFilter .toggle-deactivate{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		height: 32px;
		color: #006BB2;
		cursor: pointer;
	}
.ReportAttendanceFilter .date-ctl{
		margin: 0 16px;
	}
.ReportAttendanceFilter .date-ctl .ctl{
			background-color: white;
		}
.ReportAttendanceFilter .search-ctl{
		width: 248px;
		margin-left: 16px;
	}
.ReportAttendanceFilter .search-ctl .ctl{
			background-color: white;
		}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.ReportAudit{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.ReportAudit .head-ctn{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin: 0 16px;
		height: 80px;
	}
.ReportAudit .head-ctn .ctl-group{
			width: 280px;
			margin-left: 8px;
			padding-top: 8px;
		}
.ReportAudit .head-ctn .ctl-group .ctl{
				background-color: white;
				color: #999999;
			}
.ReportAudit .head-ctn .info-con{
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			height: 28px;
			margin: 8px 0 0 16px;
			color: #999999;
		}
.ReportAudit .head-ctn .button-con{
			margin-top: 8px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
		}
.ReportAudit .head-ctn .button-con .btn{
				margin-left: 16px;
			}
.ReportAudit .table-panel{
		border: none;
		margin-bottom: 16px;
	}
.ReportAudit .table-panel .table-ctn{
			border-bottom: 2px solid #006BB2;
		}
.ReportAudit .table-panel .table-ctn .table .tbody .tr .td.entity-props .wrap-cell,.ReportAudit .table-panel .table-ctn .table .tbody .tr .td.web-params .wrap-cell{
									color: #006BB2;
									cursor: pointer;
									overflow: hidden;
									width:1px;
								}
.ReportAudit .table-panel .table-ctn .table .tbody .tr .td .time{
								margin-left:8px;
							}
.ReportAudit .foot-ctn{
		height: 56px;
	}
.ReportAudit .filter-ctn{
		margin-right: 16px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 16px;
	}
.ReportAudit .detail-popup{
		position: absolute;
		width: 200px;
		height: 208px;
		top: 50%;
		left: 50%;
		margin-left: -100px;
		margin-top: -104px;
		border: 1px solid #006BB2;
		background: white;
		z-index: 100;
		border-radius: 4px;
		-webkit-box-shadow: 0px 3px 6px 0px rgba(65, 65, 65, .32), 0px 3px 6px 0px rgba(65, 65, 65, .46);
		        box-shadow: 0px 3px 6px 0px rgba(65, 65, 65, .32), 0px 3px 6px 0px rgba(65, 65, 65, .46);
	}
.ReportAudit .detail-popup .detail-header{
			position: absolute;
			width: 100%;
			height: 32px;
			line-height: 32px;
			padding-left: 8px;
			padding-top: 12px;
		}
.ReportAudit .detail-popup .detail-header .title{
				float: left;
				width: 168px;
				max-width: 168px;
				color: #555555;
				cursor: pointer;
				font-size: 12px;
				letter-spacing: 1.08px;
				line-height: 18px;
				text-overflow: ellipsis;
				overflow: hidden;
				white-space: nowrap;
				text-decoration: none;
			}
.ReportAudit .detail-popup .detail-header .close-popup{
				position: absolute;
				right: 6px;
				top: 3px;
				cursor: pointer;
			}
.ReportAudit .detail-popup .detail-content{
			position: absolute;
			top: 32px;
			left: 0px;
			right: 0px;
			bottom: 8px;
			padding: 0 8px;
			overflow-y: auto;
			border-radius: 4px;
			margin-top: 8px;
			font-size: 12px;
			color: #555555;
			line-height: 16px;
			letter-spacing: 1px;
			word-wrap: break-word;
		}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.ReportAuditFilter{
	-webkit-box-flex:1;
	    -ms-flex:1;
	        flex:1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-left: none;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.ReportAuditFilter .side-panel{
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
	}
.ReportAuditFilter .filter-footer{
		margin: 8px 16px;
	}
.ReportAuditFilter .report-action-text{
			display: none;
			font-size: 12px;
		}
.ReportAuditFilter .report-action.done .report-action-text{
				display: inline-block;
			}
.ReportAuditFilter .report-action.done .btn-run-report{
				display: none;
			}
.ReportAuditFilter .filter-item .c-check-text{
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			min-width: 0;
		}
.ReportAuditFilter .filter-item .c-check-text .name{
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
			}
.ReportAuditFilter .filter-item[data-type='Group'] .name{
				color: #006BB2;
				cursor: pointer;
			}
.ReportAuditFilter .search-ctl{
		width: 248px;
		margin-left: 16px;
	}
.ReportAuditFilter .search-ctl .ctl{
			background-color: white;
		}
.ReportAuditFilter .date-ctl{
		margin: 0 16px;
	}
.ReportAuditFilter .date-ctl .ctl{
			background-color: white;
		}
.ReportAuditFilter .time-ctl{
		width: 248px;
		margin-left: 16px;
		margin-top: 16px;
	}
.ReportAuditFilter .time-ctl .input-con{
			background: white;
		}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.ReportDataCard{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.ReportDataCard .head-ctn{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin: 0 16px;
		height: 80px;
	}
.ReportDataCard .head-ctn .ctl-group{
			width: 280px;
			margin-left: 8px;
			padding-top: 8px;
		}
.ReportDataCard .head-ctn .ctl-group .ctl{
				background-color: white;
				color: #999999;
			}
.ReportDataCard .head-ctn .info-con{
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			height: 28px;
			margin: 8px 0 0 16px;
			color: #999999;
		}
.ReportDataCard .head-ctn .button-con{
			margin-top: 8px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
		}
.ReportDataCard .head-ctn .button-con .btn{
				margin-left: 16px;
			}
.ReportDataCard .table-panel{
		border: none;
		margin-bottom: 16px;
	}
.ReportDataCard .table-panel .table-ctn{
			border-bottom: 2px solid #006BB2;
		}
.ReportDataCard .table-panel .table-ctn .table .tbody{
					font-size: 13px;
				}
.ReportDataCard .table-panel .table-ctn .table .tbody .tr{
						border-bottom: 2px solid #CECECE;
					}
.ReportDataCard .table-panel .table-ctn .table .tbody .tr.yellow{
							border-bottom: 2px solid #F0AD4E;
						}
.ReportDataCard .table-panel .table-ctn .table .tbody .tr.red{
							border-bottom: 2px solid #DA4F4A;
						}
.ReportDataCard .table-panel .table-ctn .table .tbody .tr.green{
							border-bottom: 2px solid #72B864;
						}
.ReportDataCard .table-panel .table-ctn .table .tbody .td.accesspoint{
							font-weight: 600;
						}
.ReportDataCard .table-panel .table-ctn .table .wrap-cell .icon{
						border-color: #DDDDDD;
						color: #999999;
						margin-right: 8px;
						width: 16px;
						height: 16px;
					}
.ReportDataCard .table-panel .table-ctn .table .wrap-cell .icon.yellow{
							fill: #ECA7A4;
						}
.ReportDataCard .table-panel .table-ctn .table .wrap-cell .icon.red{
							fill: #F0AD4E;
						}
.ReportDataCard .table-panel .table-ctn .table .wrap-cell .icon.green{
							fill: #72B864;
						}
.ReportDataCard .table-panel .table-ctn .table .wrap-cell .datetime{
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-orient: vertical;
						-webkit-box-direction: normal;
						    -ms-flex-direction: column;
						        flex-direction: column;
					}
.ReportDataCard .foot-ctn{
		height: 56px;
	}
.ReportDataCard .filter-ctn{
		margin-right: 16px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 16px;
	}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.ReportDataCardFilter{
	-webkit-box-flex:1;
	    -ms-flex:1;
	        flex:1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-left: none;
}
.ReportDataCardFilter .report-action-text{
			display: none;
			font-size: 12px;
		}
.ReportDataCardFilter .report-action.done .report-action-text{
				display: inline-block;
			}
.ReportDataCardFilter .report-action.done .btn-run-report{
				display: none;
			}
.ReportDataCardFilter .filter-item .c-check-text{
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			min-width: 0;
		}
.ReportDataCardFilter .filter-item .c-check-text .name{
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
			}
.ReportDataCardFilter .filter-item[data-type='Group'] .name{
				color: #006BB2;
				cursor: pointer;
			}
.ReportDataCardFilter .search-ctl{
		width: 248px;
		margin-left: 16px;
	}
.ReportDataCardFilter .search-ctl .ctl{
			background-color: white;
		}
.ReportDataCardFilter .date-ctl{
		width: auto;
		margin: 0 16px;
	}
.ReportDataCardFilter .date-ctl input{
			background: white;
		}
.ReportDataCardFilter .time-ctl{
		width: auto;
		margin: 16px 16px 0 16px;
	}
.ReportDataCardFilter .time-ctl .input-con{
			background: white;
		}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.ReportHistory{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.ReportHistory .head-ctn{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin: 0 16px;
		height: 80px;
	}
.ReportHistory .head-ctn .ctl-group{
			width: 280px;
			margin-left: 8px;
			padding-top: 8px;
		}
.ReportHistory .head-ctn .ctl-group .ctl{
				background-color: white;
				color: #999999;
			}
.ReportHistory .head-ctn .info-con{
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			height: 28px;
			margin: 8px 0 0 16px;
			color: #999999;
		}
.ReportHistory .head-ctn .button-con{
			margin-top: 8px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
		}
.ReportHistory .head-ctn .button-con .btn{
				margin-left: 16px;
			}
.ReportHistory .table-panel{
		border: none;
		margin-bottom: 16px;
	}
.ReportHistory .table-panel .table-ctn{
			border-bottom: 2px solid #006BB2;
		}
.ReportHistory .table-panel .table-ctn .table .tbody{
					font-size: 13px;
				}
.ReportHistory .table-panel .table-ctn .table .tbody .tr{
						border-bottom: 2px solid #CECECE;
					}
.ReportHistory .table-panel .table-ctn .table .tbody .tr.yellow{
							border-bottom: 2px solid #F0AD4E;
						}
.ReportHistory .table-panel .table-ctn .table .tbody .tr.red{
							border-bottom: 2px solid #DA4F4A;
						}
.ReportHistory .table-panel .table-ctn .table .tbody .tr.green{
							border-bottom: 2px solid #72B864;
						}
.ReportHistory .table-panel .table-ctn .table .tbody .td.accesspoint{
							font-weight: 600;
						}
.ReportHistory .table-panel .table-ctn .table .tbody .td.event .wrap-cell{
								white-space: normal;
							}
.ReportHistory .table-panel .table-ctn .table .tbody .td.event .wrap-cell .txt{
									overflow: visible;
									white-space: normal;
								}
.ReportHistory .table-panel .table-ctn .table .wrap-cell .icon{
						border-color: #DDDDDD;
						color: #999999;
						margin-right: 8px;
						width: 16px;
						height: 16px;
					}
.ReportHistory .table-panel .table-ctn .table .wrap-cell .icon.yellow{
							fill: #ECA7A4;
						}
.ReportHistory .table-panel .table-ctn .table .wrap-cell .icon.red{
							fill: #F0AD4E;
						}
.ReportHistory .table-panel .table-ctn .table .wrap-cell .icon.green{
							fill: #72B864;
						}
.ReportHistory .table-panel .table-ctn .table .wrap-cell .datetime{
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-orient: vertical;
						-webkit-box-direction: normal;
						    -ms-flex-direction: column;
						        flex-direction: column;
					}
.ReportHistory .foot-ctn{
		height: 56px;
	}
.ReportHistory .filter-ctn{
		margin-right: 16px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 16px;
	}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.ReportHistoryFilter{
	-webkit-box-flex:1;
	    -ms-flex:1;
	        flex:1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-left: none;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.ReportHistoryFilter .side-panel{
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
	}
.ReportHistoryFilter .filter-footer{
		margin: 8px 16px;
	}
.ReportHistoryFilter .report-action-text{
			display: none;
			font-size: 12px;
		}
.ReportHistoryFilter .report-action.done .report-action-text{
				display: inline-block;
			}
.ReportHistoryFilter .report-action.done .btn-run-report{
				display: none;
			}
.ReportHistoryFilter .filter-item .c-check-text{
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			min-width: 0;
		}
.ReportHistoryFilter .filter-item .c-check-text .name{
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
			}
.ReportHistoryFilter .filter-item[data-type='Group'] .name,.ReportHistoryFilter .filter-item[data-type='List'] .name{
				color: #006BB2;
				cursor: pointer;
			}
.ReportHistoryFilter .search-ctl{
		width: 248px;
		margin-left: 16px;
	}
.ReportHistoryFilter .search-ctl .ctl{
			background-color: white;
		}
.ReportHistoryFilter .date-ctl{
		margin: 0 16px;
	}
.ReportHistoryFilter .date-ctl .ctl{
			background-color: white;
		}
.ReportHistoryFilter .time-ctl{
		width: 248px;
		margin-left: 16px;
		margin-top: 16px;
	}
.ReportHistoryFilter .time-ctl .input-con{
			background: white;
		}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.ReportHolidays{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.ReportHolidays .head-ctn{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin: 0 16px;
		height: 80px;
	}
.ReportHolidays .head-ctn .ctl-group{
			width: 280px;
			margin-left: 8px;
			padding-top: 8px;
		}
.ReportHolidays .head-ctn .ctl-group .ctl{
				background-color: white;
				color: #999999;
			}
.ReportHolidays .head-ctn .info-con{
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			height: 28px;
			margin: 8px 0 0 16px;
			color: #999999;
		}
.ReportHolidays .head-ctn .button-con{
			margin-top: 8px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
		}
.ReportHolidays .head-ctn .button-con .btn{
				margin-left: 16px;
			}
.ReportHolidays .table-panel{
		border: none;
		margin-bottom: 16px;
	}
.ReportHolidays .table-panel .table-ctn{
			border-bottom: 2px solid #006BB2;
		}
.ReportHolidays .foot-ctn{
		height: 56px;
	}
.ReportHolidays .filter-ctn{
		margin-right: 16px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 16px;
	}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.ReportHolidaysFilter{
	-webkit-box-flex:1;
	    -ms-flex:1;
	        flex:1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-left: none;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.ReportHolidaysFilter .side-panel{
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
	}
.ReportHolidaysFilter .filter-item .c-check-text{
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			min-width: 0;
		}
.ReportHolidaysFilter .filter-item .c-check-text .name{
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
			}
.ReportHolidaysFilter .filter-footer{
		margin: 8px 16px;
	}
.ReportHolidaysFilter .report-action-text{
			display: none;
			font-size: 12px;
		}
.ReportHolidaysFilter .report-action.done .report-action-text{
				display: inline-block;
			}
.ReportHolidaysFilter .report-action.done .btn-run-report{
				display: none;
			}
.ReportHolidaysFilter .search-ctl{
		width: 248px;
		margin-left: 16px;
	}
.ReportHolidaysFilter .search-ctl .ctl{
			background-color: white;
		}
.ReportHolidaysFilter .date-ctl{
		margin: 16px 16px 0 16px;
	}
.ReportHolidaysFilter .date-ctl .ctl{
			background-color: white;
		}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
/* FIXME: compatiable with old ui */
.ReportScreen .nav-ctn{
		position: relative;
	}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.ReportShifts{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.ReportShifts .head-ctn{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin: 0 16px;
		height: 80px;
	}
.ReportShifts .head-ctn .ctl-group{
			width: 280px;
			margin-left: 8px;
			padding-top: 8px;
		}
.ReportShifts .head-ctn .ctl-group .ctl{
				background-color: white;
				color: #999999;
			}
.ReportShifts .head-ctn .info-con{
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			height: 28px;
			margin: 8px 0 0 16px;
			color: #999999;
		}
.ReportShifts .head-ctn .button-con{
			margin-top: 8px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
		}
.ReportShifts .head-ctn .button-con .btn{
				margin-left: 16px;
			}
.ReportShifts .table-panel{
		border: none;
		margin-bottom: 16px;
	}
.ReportShifts .table-panel .table-ctn{
			border-bottom: 2px solid #006BB2;
		}
.ReportShifts .table-panel .table-ctn .table .tr{
					height: auto;
					-webkit-box-flex: 0;
					    -ms-flex: none;
					        flex: none;
				}
.ReportShifts .table-panel .table-ctn .table .tbody .tr{
						min-height: 56px;
					}
.ReportShifts .table-panel .table-ctn .table .tbody .td{
						padding-top: 16px;
						padding-bottom: 16px;
						-ms-flex-item-align: start;
						    align-self: flex-start;
					}
.ReportShifts .table-panel .table-ctn .table .tbody .td .wrap-cell{
							-webkit-box-orient: vertical;
							-webkit-box-direction: normal;
							    -ms-flex-direction: column;
							        flex-direction: column;
							-webkit-box-align: start;
							    -ms-flex-align: start;
							        align-items: flex-start;
						}
.ReportShifts .table-panel .table-ctn .table .tbody .td.name{
							padding-left: 16px;
						}
.ReportShifts .foot-ctn{
		height: 56px;
	}
.ReportShifts .filter-ctn{
		margin-right: 16px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 16px;
	}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.ReportShiftsFilter{
	-webkit-box-flex:1;
	    -ms-flex:1;
	        flex:1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-left: none;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.ReportShiftsFilter .side-panel{
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
	}
.ReportShiftsFilter .filter-item .c-check-text{
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			min-width: 0;
		}
.ReportShiftsFilter .filter-item .c-check-text .name{
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
			}
.ReportShiftsFilter .filter-footer{
		margin: 8px 16px;
	}
.ReportShiftsFilter .report-action-text{
			display: none;
			font-size: 12px;
		}
.ReportShiftsFilter .report-action.done .report-action-text{
				display: inline-block;
			}
.ReportShiftsFilter .report-action.done .btn-run-report{
				display: none;
			}
.ReportShiftsFilter .search-ctl{
		width: 248px;
		margin-left: 16px;
	}
.ReportShiftsFilter .search-ctl .ctl{
			background-color: white;
		}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.ReportUserPermission{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.ReportUserPermission .head-ctn{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin: 0 16px;
		height: 80px;
	}
.ReportUserPermission .head-ctn .ctl-group{
			width: 280px;
			margin-left: 8px;
			padding-top: 8px;
		}
.ReportUserPermission .head-ctn .ctl-group .ctl{
				background-color: white;
				color: #999999;
			}
.ReportUserPermission .head-ctn .info-con{
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			height: 28px;
			margin: 8px 0 0 16px;
			color: #999999;
		}
.ReportUserPermission .head-ctn .button-con{
			margin-top: 8px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
		}
.ReportUserPermission .head-ctn .button-con .btn{
				margin-left: 16px;
			}
.ReportUserPermission .table-panel{
		border: none;
		margin-bottom: 16px;
	}
.ReportUserPermission .table-panel .table-ctn{
			border-bottom: 2px solid #006BB2;
		}
.ReportUserPermission .table-panel .table-ctn .table .tr{
					height: auto;
				}
.ReportUserPermission .table-panel .table-ctn .table .tbody .tr{
						min-height: 56px;
						-webkit-box-flex: 0;
						    -ms-flex: none;
						        flex: none;
					}
.ReportUserPermission .table-panel .table-ctn .table .tbody .td{
						padding-top: 16px;
						padding-bottom: 16px;
						-ms-flex-item-align: start;
						    align-self: flex-start;
					}
.ReportUserPermission .table-panel .table-ctn .table .tbody .td .wrap-cell{
							-webkit-box-orient: vertical;
							-webkit-box-direction: normal;
							    -ms-flex-direction: column;
							        flex-direction: column;
							-webkit-box-align: start;
							    -ms-flex-align: start;
							        align-items: flex-start;
						}
.ReportUserPermission .table-panel .table-ctn .table .tbody .td .wrap-cell .wrap-cell-item{
								height: 152px;
							}
.ReportUserPermission .table-panel .table-ctn .table .tbody .td .wrap-cell .edit-rule{
								color: #006BB2;
								cursor: pointer;
								margin-bottom: 16px;
							}
.ReportUserPermission .foot-ctn{
		height: 56px;
	}
.ReportUserPermission .filter-ctn{
		margin-right: 16px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 16px;
	}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.ReportUserPermissionFilter{
	-webkit-box-flex:1;
	    -ms-flex:1;
	        flex:1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-left: none;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.ReportUserPermissionFilter .side-panel{
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
	}
.ReportUserPermissionFilter .filter-footer{
		margin: 8px 16px;
	}
.ReportUserPermissionFilter .report-action-text{
			display: none;
			font-size: 12px;
		}
.ReportUserPermissionFilter .report-action.done .report-action-text{
				display: inline-block;
			}
.ReportUserPermissionFilter .report-action.done .btn-run-report{
				display: none;
			}
.ReportUserPermissionFilter .filter-item .c-check-text{
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			min-width: 0;
		}
.ReportUserPermissionFilter .filter-item .c-check-text .name{
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
			}
.ReportUserPermissionFilter .filter-item[data-type='group'] .name{
				color: #006BB2;
				cursor: pointer;
			}
.ReportUserPermissionFilter .toggle-deactivate{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		height: 32px;
		color: #006BB2;
		cursor: pointer;
	}
.ReportUserPermissionFilter .search-ctl{
		width: 248px;
		margin-left: 16px;
	}
.ReportUserPermissionFilter .search-ctl .ctl{
			background-color: white;
		}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.ReportUsers{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.ReportUsers .head-ctn{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin: 0 16px;
		height: 80px;
	}
.ReportUsers .head-ctn .ctl-group{
			width: 280px;
			margin-left: 8px;
			padding-top: 8px;
		}
.ReportUsers .head-ctn .ctl-group .ctl{
				background-color: white;
				color: #999999;
			}
.ReportUsers .head-ctn .info-con{
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			height: 28px;
			margin: 8px 0 0 16px;
			color: #999999;
		}
.ReportUsers .head-ctn .button-con{
			margin-top: 8px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
		}
.ReportUsers .head-ctn .button-con .btn{
				margin-left: 16px;
			}
.ReportUsers .table-panel{
		border: none;
		margin-bottom: 16px;
	}
.ReportUsers .table-panel .table-ctn{
			border-bottom: 2px solid #006BB2;
		}
.ReportUsers .table-panel .table-ctn .Datagrid.group-table .table .tr{
							height: auto;
							-webkit-box-flex: 0;
							    -ms-flex: none;
							        flex: none;
						}
.ReportUsers .table-panel .table-ctn .Datagrid.group-table .table .tbody .tr{
								min-height: 56px;
							}
.ReportUsers .table-panel .table-ctn .Datagrid.group-table .table .tbody .td{
								padding-top: 16px;
								padding-bottom: 16px;
								-ms-flex-item-align: start;
								    align-self: flex-start;
							}
.ReportUsers .table-panel .table-ctn .Datagrid.group-table .table .tbody .td .wrap-cell{
									-webkit-box-orient: vertical;
									-webkit-box-direction: normal;
									    -ms-flex-direction: column;
									        flex-direction: column;
									-webkit-box-align: start;
									    -ms-flex-align: start;
									        align-items: flex-start;
								}
.ReportUsers .table-panel .table-ctn .Datagrid.group-table .table .tbody .td.group-name{
									padding-left: 16px;
								}
.ReportUsers .foot-ctn{
		height: 56px;
	}
.ReportUsers .filter-ctn{
		margin-right: 16px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 16px;
	}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.ReportUsersFilter{
	-webkit-box-flex:1;
	    -ms-flex:1;
	        flex:1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-left: none;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.ReportUsersFilter .side-panel{
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
	}
.ReportUsersFilter .filter-footer{
		margin: 8px 16px;
	}
.ReportUsersFilter .report-action-text{
			display: none;
			font-size: 12px;
		}
.ReportUsersFilter .report-action.done .report-action-text{
				display: inline-block;
			}
.ReportUsersFilter .report-action.done .btn-run-report{
				display: none;
			}
.ReportUsersFilter .filter-item .c-check-text{
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			min-width: 0;
		}
.ReportUsersFilter .filter-item .c-check-text .name{
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
			}
.ReportUsersFilter .filter-item[data-type='group'] .name{
				color: #006BB2;
				cursor: pointer;
			}
.ReportUsersFilter .toggle-deactivate{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		height: 32px;
		color: #006BB2;
		cursor: pointer;
	}
.ReportUsersFilter .search-ctl{
		width: 248px;
		margin-left: 16px;
	}
.ReportUsersFilter .search-ctl .ctl{
			background-color: white;
		}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.RuleEditPopup{
	width: 328px;
	min-height: 420px;
}
.RuleEditPopup .rule-content{
		padding-top: 8px;
		
	}
.RuleEditPopup .rule-content .tab-panel{
			padding: 0px 16px;
		}
.RuleEditPopup .rule-content .tab-panel .helper-text{
				height: 40px;
				margin-left: 16px;
				margin-top: -7px;
				font-size: 12px;
				font-style: italic;
				font-weight: 200;
				color: #555555;
				letter-spacing: 1.08px;
				line-height: 20px;
			}
.RuleEditPopup .rule-content .tab-panel .helper-text + .ctl-group{
					margin-top: 10px;
					margin-bottom: 15px;
				}
.RuleEditPopup .rule-content .ctl-group{
			position: relative;
		}
.RuleEditPopup .rule-content .ctl-group .help-label{
				position: absolute;
				top: -16px;
				left: 8px;
				font-size: 12px;
				font-weight: 200;
				color: #808285;
				letter-spacing: 1.08px;
			}
.RuleEditPopup .rule-content .ctl-group.shift-group {
				margin-top: 16px;
				height: 32px;
			}
.RuleEditPopup .rule-content .ctl-group.rule-types-group .ctl-label{
					display: block;
				}
.RuleEditPopup .rule-content .ctl-group.rule-types-group .warning .dropdown-control.place-holder ~ .ctl-label{
					display: block;
				}
.RuleEditPopup .rule-content .ctl-group.rule-types-group .dropdown-control.place-holder ~ .ctl-label{
						display: none;
					}
.RuleEditPopup .rule-content .ctl-group.switch-group{
				height: 72px;
			}
.RuleEditPopup .rule-content .ctl-group.switch-group .switch-ctn{
					height: 40px;
				}
.RuleEditPopup .rule-content .ctl-group.switch-group .switch-ctn.end-time{
						margin-top: 8px;
					}
.RuleEditPopup .rule-content .ctl-group.switch-group .switch-ctn .c-switch{
						margin-top: 17px;
					}
.RuleEditPopup .rule-content .ctl-group.switch-group .switch-ctn > label{
						float: left;
						text-align: right;
						width: 42px;
						position: relative;
						bottom: -5px;
						padding-right: 0px;
						margin-left: 3px;
						font-size: 12px;
						font-weight: 200;
						color: #999999;
						letter-spacing: 1.08px;
					}
.RuleEditPopup .rule-content .ctl-group.switch-group .switch-ctn > label.sel-label{
							color: #555555;
						}
.RuleEditPopup .rule-content .ctl-group.switch-group .switch-ctn .date-ctl{
						width: 170px;
						position: relative;
						float:left;
						margin-top: 10px;
					}
.RuleEditPopup .rule-content .ctl-group.switch-group .switch-ctn .time-ctl{
						width: 170px;
						position: relative;
						float:left;
						margin-left: 8px;
						margin-top: 10px;
					}
.RuleEditPopup .rule-content .ctl-group.switch-group .switch-ctn .time-ctl input.warning ~ .icon{
									color: #DA4F4A;
								}
.RuleEditPopup .rule-content .ctl-group.switch-group .switch-ctn .time-ctl .ctl{
							width: 170px;
							letter-spacing: 1.08px;
						}
.RuleEditPopup .rule-content .ctl-group.switch-group .switch-ctn .time-ctl .i-clock{
							position: absolute;
							top:8px;
							right: 0px;
							font-size: 16px;
							color: #006BB2;
						}
.RuleEditPopup .rule-content .ctl-group .dropdown-field{
				max-width: none;
			}
.RuleEditPopup .rule-content .ctl-group .dropdown-field .ctl{
					max-width: none;
				}
.RuleEditPopup .rule-content .ctl-group .dropdown-field .dropdown-toggle{
					color: #555555;
				}
.RuleEditPopup .rule-content .ctl-group .dropdown-field .dropdown-control.place-holder{
					letter-spacing: 1.08px;
				}
.RuleEditPopup .rule-content .ctl-group .ctl{
				max-width: none;
			}
.RuleEditPopup .rule-content .ctl-group .input-control .brillant{
					color: #555555;
				}
.RuleEditPopup .rule-content .ctl-group .empty-value{
				font-size: 13px;
				color: #999999;
				letter-spacing: 1.08px;
			}
.RuleEditPopup .rule-content .ctl-group.schedule-group{
				display: none;
				position: relative;
			}
.RuleEditPopup .rule-content .ctl-group.schedule-group .c-switch{
					margin-top: 16px;
				}
.RuleEditPopup .rule-content .ctl-group.schedule-group .c-switch.on ~ .schedule-group-control{
							display: block;
						}
.RuleEditPopup .rule-content .ctl-group.schedule-group .c-switch.on ~ .schedule-group-text{
							display: none;
						}
.RuleEditPopup .rule-content .ctl-group.schedule-group .schedule-group-control{
					display: none;
					margin-left: 40px;
				}
.RuleEditPopup .rule-content .ctl-group.schedule-group .schedule-group-text{
					display: block;
					margin-left: 48px;
					height: 32px;
					margin-top: 16px;
					line-height: 39px;
					font-size: 13px;
					font-weight: 200;
					color: #999999;
					letter-spacing: 1.08px;
				}
.RuleEditPopup .rule-content .ctl-group.schedule-group:after{
					content: " ";
					clear: both;
					display: table;
				}
.RuleEditPopup .rule-content .CombineField .ctl-label{
				display: none;
			}
.RuleEditPopup .rule-content .CombineField input:focus ~ .ctl-label{
					display: none;
				}
.RuleEditPopup .rule-content .CombineField .item{
				padding-left:10px;
			}
.RuleEditPopup .rule-content .CombineField .item .icon{
					padding: 0 3px;
					margin-right: 2px;
				}
.RuleEditPopup .rule-content .Combo{
			margin-top: 0px;
		}
.RuleEditPopup .rule-content .Combo .ctl-label{
				display: none;
			}
.RuleEditPopup-parent .popup-body.modal-body{
		padding: 0px;
	}


/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.RuleGroupEditPopup{
	width: 256px;
	padding: 0px;
	line-height: 20px;
}



/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.RuleGroupSettingEditView{
	height: 80px;
	width: 512px;
}
.RuleGroupSettingEditView .ctl-group.weekly-group{
			width: 280px;
			margin-right: 16px;
		}
.RuleGroupSettingEditView .ctl-group.weekly-group .ctl{
				max-width: none;
				font-size: 17px;
				padding-top: 8px;
				letter-spacing: 1.83px;
			}
.RuleGroupSettingEditView .ctl-group.area-group{
			width: 160px;
			margin-bottom: 0px;
			margin-top: -8px;
		}
.RuleGroupSettingEditView .ctl-group.area-group .dropdown-control{
				padding-top: 3px;
			}
.RuleGroupSettingEditView .ctl-group.description-group{
			margin-top:0px;
			margin-bottom: 0px;
		}
.RuleGroupSettingEditView .ctl-group.description-group .form-control{
				padding-top: 2px;
				max-width: 512px;
			}
.RuleGroupSettingEditView-parent .Popup-con{
		z-index: 9999;
		left: 432px;
		top: 130px;
		width: 568px;
	}


/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.RuleUpdatePopup{
	width: 620px;
	height: 552px;
}
.RuleUpdatePopup .rule-head{
		height: 200px;
		margin: 16px;
		padding: 8px 8px 8px 16px;
		background: white;
		-webkit-box-shadow: 0px 1px 4px 0px rgba(65, 65, 65, .32);
		        box-shadow: 0px 1px 4px 0px rgba(65, 65, 65, .32);
	}
.RuleUpdatePopup .rule-head .ctl-group{
			width: 200px;
		}
.RuleUpdatePopup .rule-head .description-group{
			float: right;
			position: absolute;
			top: 32px;
			right: 32px;
			width: 336px;
		}
.RuleUpdatePopup .rule-head .description-group textarea{
				height: 40px;
				max-width: none;
			}
.RuleUpdatePopup .rule-head .head-title{
			height: 24px;
			color: #006BB2;
			font-size: 16px;
			font-weight: 300;
			line-height: 32px;
			letter-spacing: .8px;
		}
.RuleUpdatePopup .rule-head .head-helper-text{
			position: absolute;
			height: 16px;
			width: 380px;
			left: 248px;
			top: 104px;
			font-size: 12px;
			font-style: italic;
			color: #555555;
			letter-spacing: 1.08px;
			line-height: 20px;
			z-index: 1;
		}
.RuleUpdatePopup .rule-head .twofactor-group {
			position: absolute;
			width: 380px;
			left: 248px;
			top: 130px;
			margin: 0;
			font-weight: regular;
		}
.RuleUpdatePopup .rule-head .twofactor-group .switch-ctn-label {
				float: left;
				font-size: 14px;
				color: #555555;
				white-space: nowrap;
				font-weight: 400;
				margin-bottom: 0px;
			}
.RuleUpdatePopup .rule-head .twofactor-group .c-switch {
				margin-top: 8px;
				margin-left: 8px;
			}
.RuleUpdatePopup .rule-body{
		height: 320px;
		margin-bottom: 16px;
	}
.RuleUpdatePopup .rule-body .relation-con{
			margin-left: 16px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
		}
.RuleUpdatePopup .rule-body .relation-left{
			width: 264px;
			-webkit-box-shadow: 0px 1px 4px 0px rgba(65, 65, 65, .32);
			        box-shadow: 0px 1px 4px 0px rgba(65, 65, 65, .32);
		}
.RuleUpdatePopup .rule-body .relation-left .relation-ctn{
				overflow: hidden;
				border-bottom: 1px #d1d3d4 solid;
			}
.RuleUpdatePopup .rule-body .relation-left .relation-ctn.height-relation.where .relation-ctn-body{
							height: 222px;
						}
.RuleUpdatePopup .rule-body .relation-left .relation-ctn.height-relation.when .relation-ctn-body{
							height: 186px;
						}
.RuleUpdatePopup .rule-body .relation-left .relation-ctn.active{
					height: 273px;
					-webkit-transition: height 1s;
					transition: height 1s;
				}
.RuleUpdatePopup .rule-body .relation-left .relation-ctn.active .relation-ctn-header .title{
						color: #006BB2;
					}
.RuleUpdatePopup .rule-body .relation-left .relation-ctn.active.height-relation{
						height: 302px;
					}
.RuleUpdatePopup .rule-body .relation-ctn{
			position: relative;
			float: left;
			height: 32px;
			width: 264px;
			padding: 8px;
			background: white;
			-webkit-transition: height 1s;
			transition: height 1s;
		}
.RuleUpdatePopup .rule-body .relation-ctn .relation-ctn-header{
				border-radius: 4px;
			}
.RuleUpdatePopup .rule-body .relation-ctn .relation-ctn-header .title{
					height: 16px;
					color: #555555;
					font-size: 16px;
					line-height: 16px;
					border-radius: 4px;
					margin-bottom: 16px;
					cursor: pointer;
				}
.RuleUpdatePopup .rule-body .relation-ctn .relation-ctn-header .search-ctl{
					width: auto;
				}
.RuleUpdatePopup .rule-body .relation-ctn .relation-ctn-body{
				height: 180px;
				margin-top: 16px;
				border: 1px #CECECE solid;
			}
.RuleUpdatePopup .rule-body .relation-ctn .relation-ctn-body .items-con{
					overflow-y: auto;
					height: 100%;
					overflow-x: hidden;
					margin-bottom: 3px;
				}
.RuleUpdatePopup .rule-body .relation-ctn .relation-ctn-body .items-con .item{
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						height: 32px;
						-webkit-box-align: center;
						    -ms-flex-align: center;
						        align-items: center;
						padding: 0 8px;
					}
.RuleUpdatePopup .rule-body .relation-ctn .relation-ctn-body .items-con .item .check {
							display: -webkit-box;
							display: -ms-flexbox;
							display: flex;
							-webkit-box-flex: 1;
							    -ms-flex: 1;
							        flex: 1;
							-webkit-box-align: center;
							    -ms-flex-align: center;
							        align-items: center;
						}
.RuleUpdatePopup .rule-body .relation-ctn .relation-ctn-body .items-con .item .check .c-check{
								margin-right: 8px;
							}
.RuleUpdatePopup .rule-body .relation-ctn .relation-ctn-body .items-con .item .check .wrap-long-label{
								-webkit-box-flex: 1;
								    -ms-flex: 1;
								        flex: 1;
								margin-left: 8px;
							}
.RuleUpdatePopup .rule-body .relation-ctn .relation-ctn-body .items-con .item .check .group-name{
								color: #006BB2;
								cursor: pointer;
							}
.RuleUpdatePopup .rule-body .relation-ctn .relation-ctn-body .items-con .item .wrap-long-label{
							max-width: 168px;
							display: block;
						}
.RuleUpdatePopup .rule-body .relation-ctn .relation-ctn-body .items-con .item.auto-width{
							opacity: .999999;

						}
.RuleUpdatePopup .rule-body .relation-ctn .relation-ctn-body .items-con .item.dragging-holder{
							opacity: 0.5;
							z-index: 110;
						}
.RuleUpdatePopup .rule-body .relation-ctn .relation-ctn-body .items-con .item:nth-child(2n-1){
							background: #F8F8F8;
						}
.RuleUpdatePopup .rule-body .relation-ctn .relation-ctn-body .items-con .item.gray-out{
							background: white;
							cursor: default;
						}
.RuleUpdatePopup .rule-body .relation-ctn .relation-ctn-body .items-con .item.gray-out .icon{
								fill: #C0C0C0;
							}
.RuleUpdatePopup .rule-body .relation-ctn .relation-ctn-body .items-con .item.gray-out .c-radio-text{
								color: #999999;
							}
.RuleUpdatePopup .rule-body .relation-ctn .relation-ctn-body .items-con .item.gray-out .check .icon{
									fill: #C0C0C0;
								}
.RuleUpdatePopup .rule-body .relation-ctn .relation-ctn-body .items-con .item.gray-out .check .wrap-long-label{
									color: #999999;
								}
.RuleUpdatePopup .rule-body .relation-ctn.when .schedule-types-con .Combo{
						margin-top: -8px;
					}
.RuleUpdatePopup .rule-body .relation-ctn.when .relation-ctn-body{
					height: 167px;
					margin-top: 8px;
				}
.RuleUpdatePopup .rule-body .relation-ctn.when .relation-ctn-body .items-con .item .c-radio-text {
								-webkit-box-flex: 1;
								    -ms-flex: 1;
								        flex: 1;
							}
.RuleUpdatePopup .rule-body .relation-ctn.when .relation-ctn-body .items-con .item .name{
								display: block;
								float: left;
								max-width: 132px;
								white-space: nowrap;
								text-overflow: ellipsis;
								overflow: hidden;
								color: #006BB2;
								cursor: pointer;
							}
.RuleUpdatePopup .rule-body .relation-ctn.when .relation-ctn-body .items-con .item .type{
								font-style: italic;
							}
.RuleUpdatePopup .rule-body .relation-ctn.when .relation-ctn-body .items-con .item.place-holder-item .c-radio{
									display: none;
								}
.RuleUpdatePopup .rule-body .relation-ctn.when .relation-ctn-body .items-con .item.place-holder-item .name{
									color: #999999;
								}
.RuleUpdatePopup .rule-body .relation-ctn.when .add-shift{
					width: 152px;
					margin-top: 7px;
					margin-left: 52px;
				 }
.RuleUpdatePopup .rule-body .relation-ctn.all{
				height: 336px;
				margin-left: 16px;
				padding-left:0px;
				padding-right: 0px;
				-webkit-box-shadow: 0px 1px 4px 0px rgba(65, 65, 65, .32);
				        box-shadow: 0px 1px 4px 0px rgba(65, 65, 65, .32);
					
			}
.RuleUpdatePopup .rule-body .relation-ctn.all .relation-ctn-header .title{
						color: #006BB2;
						padding-left:8px;
					}
.RuleUpdatePopup .rule-body .relation-ctn.all .relation-ctn-header .phone-title{
						display: none;
					}
.RuleUpdatePopup .rule-body .relation-ctn.all .relation-ctn-header .helper-text{
						text-align: left;
						padding-left: 24px;
					}
.RuleUpdatePopup .rule-body .relation-ctn.all .relation-ctn-body{
					border: none;
					margin-top: 14px;
					height: 296px;
					display: block;
				}
.RuleUpdatePopup .rule-body .relation-ctn.all .relation-ctn-body .items-con .items{
							border: 1px #DDDDDD solid;
							margin: 2px 8px 6px 8px;
						}
.RuleUpdatePopup .rule-body .relation-ctn.all .relation-ctn-body .items-con .items .helper-con{
								display: none;
								color: #999999;
								letter-spacing: 1.08px;
							}
.RuleUpdatePopup .rule-body .relation-ctn.all .relation-ctn-body .items-con .items .helper-con .title{
									text-align: center;
									height: 22px;
									line-height: 22px;
									font-size: 12px;
								}
.RuleUpdatePopup .rule-body .relation-ctn.all .relation-ctn-body .items-con .items .helper-con .content{
									font-size: 12px;
									font-style: italic;
									line-height: 14px;
									text-align: center;
								}
.RuleUpdatePopup .rule-body .relation-ctn.all .relation-ctn-body .items-con .items .helper-con .help-add{
									display: -webkit-box;
									display: -ms-flexbox;
									display: flex;
									-webkit-box-align: center;
									    -ms-flex-align: center;
									        align-items: center;
									-webkit-box-pack: center;
									    -ms-flex-pack: center;
									        justify-content: center;
								}
.RuleUpdatePopup .rule-body .relation-ctn.all .relation-ctn-body .items-con .items .helper-con .help-add .add-sec{
										padding: 0;
										width: 16px;
										height: 16px;
										border-radius: 16px;
									}
.RuleUpdatePopup .rule-body .relation-ctn.all .relation-ctn-body .items-con .items.who-items,.RuleUpdatePopup .rule-body .relation-ctn.all .relation-ctn-body .items-con .items.where-items{
								min-height: 104px;
							}
.RuleUpdatePopup .rule-body .relation-ctn.all .relation-ctn-body .items-con .items .item:nth-child(2n-1){
								background: #f7f7f7;
							}
.RuleUpdatePopup .rule-body .relation-ctn.all .relation-ctn-body .items-con .items .item:nth-child(2n){
								background: white;
							}
.RuleUpdatePopup .rule-body .relation-ctn.all .relation-ctn-body .items-con .items.empty-items{
								border: 1px #DDDDDD dashed;
							}
.RuleUpdatePopup .rule-body .relation-ctn.all .relation-ctn-body .items-con .items.empty-items .helper-con{
									display: block;
								}
.RuleUpdatePopup .rule-body .relation-ctn.all .relation-ctn-body .items-con .items .item.drag-hide{
								display: none;
							}
.RuleUpdatePopup .rule-body .relation-ctn.all .relation-ctn-body .items-con .items.active{
								background: white;
								-webkit-box-shadow: 0px 3px 6px 0px rgba(65, 65, 65, .32), 0px 3px 6px 0px rgba(65, 65, 65, .46);
								        box-shadow: 0px 3px 6px 0px rgba(65, 65, 65, .32), 0px 3px 6px 0px rgba(65, 65, 65, .46);
							}
.RuleUpdatePopup .rule-body .relation-ctn.all .relation-ctn-body .items-con .when-items{
							min-height: 48px;
							height: 64px;
						}
.RuleUpdatePopup .rule-body .relation-ctn.all .relation-ctn-body .items-con .when-items .item{
								display: inline-block;
								width: 100%;
								height: 100%;
								min-height: 32px;
								letter-spacing: 1.20px;
								line-height: 16px;
								padding-top: 6px;
								padding-left: 6px;
								padding-bottom: 6px;
								margin-bottom: -11px;
								background: white;
							}
.RuleUpdatePopup .rule-body .relation-ctn.all .relation-ctn-body .items-con .when-items .item .c-radio-text{
									text-align: center;
								}
.RuleUpdatePopup .rule-body .relation-ctn.all .relation-ctn-body .items-con .when-items .item .c-radio-text .i-drag-hamburger{
										float: right;
										right: 8px;
										top: 16px;
									}
.RuleUpdatePopup .rule-body .relation-ctn.all .relation-ctn-body .items-con .when-items .item .name{
									display: block;
									float: none;
									max-width: 95%;
									white-space: nowrap;
									text-overflow: ellipsis;
									overflow: hidden;
									color: #006BB2;
								}
.RuleUpdatePopup .rule-body .relation-ctn.all .relation-ctn-body .items-con .when-items .item .type{
									float: none;
									font-style: italic;
								}
.RuleUpdatePopup .rule-body .relation-ctn.all .relation-ctn-body .items-con .when-items .item .c-radio{
									display: none;
								}
.RuleUpdatePopup .rule-body .relation-ctn.all .relation-ctn-body .items-con .when-items .item .c-check{
									display: block;
									float: left;
									position: relative;
									top: 16px;
									margin-right: 8px;
									margin-left: 2px;
								}
.RuleUpdatePopup .rule-body .relation-ctn.all .relation-ctn-body .items-con .when-items .item .shift-time{
									padding-left: 0px;
									display: -webkit-box;
									display: -ms-flexbox;
									display: flex;
									-ms-flex-pack: distribute;
									    justify-content: space-around;
									-webkit-box-align: center;
									    -ms-flex-align: center;
									        align-items: center;
								}
.RuleUpdatePopup .rule-body .relation-ctn.all .relation-ctn-body .items-con .when-items .item .shift-time .day{
										width: 16px;
										height: 22px;
										font-size: 12px;
										color: #999999;
										text-align: center;
									}
.RuleUpdatePopup .rule-body .relation-ctn.all .relation-ctn-body .items-con .when-items .item .shift-time .day.black{
											color: #231f20;
											border-bottom: 1px #006BB2 solid;
										}
.RuleUpdatePopup .rule-body .relation-ctn.all .relation-ctn-body .items-con .when-items.items .item:nth-child(2n-1){
								background: white;
							}
.RuleUpdatePopup .rule-body .relation-ctn.all .relation-ctn-body .items-con .when-items.items .item.gray-out{
									background-color: #F8F8F8;
								}
.RuleUpdatePopup .rule-body .relation-ctn.all .relation-ctn-body .items-con .items-con .item .i-accesspoint-group:before{
								position: relative;
								top: 3px;
							}
.RuleUpdatePopup .rule-body .relation-ctn.all .relation-ctn-body .items-con .items-con .item .i-accesspoint:before{
								position: relative;
								top: 3px;
							}
.RuleUpdatePopup .rule-body .add-btn-ctn{
			width: 48px;
			height: 272px;
			padding-left: 16px;
		}
.RuleUpdatePopup .rule-body .add-btn-ctn .add{
				width: 32px;
				height: 32px;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				border-radius: 32px;
				cursor: pointer;
				background: white;
			}
.RuleUpdatePopup .rule-body .add-btn-ctn .add.add-right{
					margin-top: 96px;
					border: 1px #72B864 solid;
					padding-left: 2px;
				}
.RuleUpdatePopup .rule-body .add-btn-ctn .add.add-right .icon{
						fill: #72B864;
					}
.RuleUpdatePopup .rule-body .add-btn-ctn .add.add-left{
					margin-top: 82px;
					border: 1px #DA4F4A solid;
					padding-right: 2px;
				}
.RuleUpdatePopup .rule-body .add-btn-ctn .add.add-left .icon{
						fill: #DA4F4A;
					}
.RuleUpdatePopup .Toast.multi-line{
		text-align: center;
	}
.RuleUpdatePopup .save-modal{
		width: 588px;
		margin-left: -294px;
	}
.RuleUpdatePopup .replace-modal{
		width: 660px;
		margin-left: -330px;
	}
.RuleUpdatePopup .type-modal{
		width: 556px;
		margin-left: -278px;
	}
.RuleUpdatePopup .delete-rule{
		width: 308px;
		margin-left: -154px;
	}
.RuleUpdatePopup .delete-rule .c-modal-body{
			line-height: 1.42857143;
		}
.RuleUpdatePopup .dragging{
		opacity: .8;
		float: none;
		display: inline-block;
		border: 1px #DDDDDD solid;
		background: #F8F8F8;
		z-index: 109;
		min-height: 32px;
		-webkit-box-shadow: 0px 3px 6px 0px rgba(65, 65, 65, .32), 0px 3px 6px 0px rgba(65, 65, 65, .46);
		        box-shadow: 0px 3px 6px 0px rgba(65, 65, 65, .32), 0px 3px 6px 0px rgba(65, 65, 65, .46);
	}
.RuleUpdatePopup .dragging .wrap-long-label{
			max-width: 162px;
			display: block;                                
		}
.RuleUpdatePopup .dragging.transitioningslow{
			width: 268px;
			-webkit-transition: all 1s ease-in;
			transition: all 1s ease-in;
		}
.RuleUpdatePopup-parent.Popup .popup-body{
			padding: 0 0 16px 0;
		}
:not(.phone-mode) .popup-footer .toggle-active{
			position: relative;
			float: left;
			margin-left: 13px;
		}
:not(.phone-mode) .popup-footer .delete {
			margin-right: 8px;
		}
.phone-mode .popup-footer .btn {
			position: relative;
			float: left;
			min-width: 70px;
			margin-left: 4px;
			margin-right: 4px;
		}
.phone-mode .RuleUpdatePopup-parent.Popup .popup-modal{
				position: fixed;
			}
.phone-mode .RuleUpdatePopup-parent.Popup .popup-modal .modal-body{
					margin-bottom: 56px;
				}
.phone-mode .RuleUpdatePopup-parent.Popup .popup-modal .RuleUpdatePopup{
					width: 280px;
					height: auto;
					margin: auto;
				}
.phone-mode .RuleUpdatePopup-parent.Popup .popup-modal .RuleUpdatePopup .rule-head{
						height: 256px;
						padding: 8px;
					}
.phone-mode .RuleUpdatePopup-parent.Popup .popup-modal .RuleUpdatePopup .rule-head .pc-title{
							display: none;
						}
.phone-mode .RuleUpdatePopup-parent.Popup .popup-modal .RuleUpdatePopup .rule-head .ctl-group{
							width: auto;
						}
.phone-mode .RuleUpdatePopup-parent.Popup .popup-modal .RuleUpdatePopup .rule-head .ctl-group.description-group{
								position: relative;
								float: left;
								top: auto;
								right: auto;
								width: 232px;
							}
.phone-mode .RuleUpdatePopup-parent.Popup .popup-modal .RuleUpdatePopup .rule-head .head-helper-text{
							display: none;
						}
.phone-mode .RuleUpdatePopup-parent.Popup .popup-modal .RuleUpdatePopup .rule-head .twofactor-group {
							display: inline-block;
							position: relative;
							left: 5px;
							top: 0;
						}
.phone-mode .RuleUpdatePopup-parent.Popup .popup-modal .RuleUpdatePopup .rule-body{
						display: inline-block;
						margin-top: 8px;
						height: auto;
						margin-bottom: -10px;
					}
.phone-mode .RuleUpdatePopup-parent.Popup .popup-modal .RuleUpdatePopup .rule-body .relation-left{
							width: 248px;
						}
.phone-mode .RuleUpdatePopup-parent.Popup .popup-modal .RuleUpdatePopup .rule-body .relation-con{
							-webkit-box-orient: vertical;
							-webkit-box-direction: normal;
							    -ms-flex-direction: column;
							        flex-direction: column;
						}
.phone-mode .RuleUpdatePopup-parent.Popup .popup-modal .RuleUpdatePopup .rule-body .add-btn-ctn{
							display: none;
						}
.phone-mode .RuleUpdatePopup-parent.Popup .popup-modal .RuleUpdatePopup .rule-body .relation-ctn{
							width: 248px;
						}
.phone-mode .RuleUpdatePopup-parent.Popup .popup-modal .RuleUpdatePopup .rule-body .relation-ctn .relation-ctn-body .items-con .item .c-radio-text{
										width: 214px;
										padding-right: 0px;
									}
.phone-mode .RuleUpdatePopup-parent.Popup .popup-modal .RuleUpdatePopup .rule-body .relation-ctn .relation-ctn-body .items-con .item .c-radio-text .name{
											max-width: 120px;
										}
.phone-mode .RuleUpdatePopup-parent.Popup .popup-modal .RuleUpdatePopup .rule-body .relation-ctn .relation-ctn-body .items-con .item .wrap-long-label{
										max-width: 160px;
									}
.phone-mode .RuleUpdatePopup-parent.Popup .popup-modal .RuleUpdatePopup .rule-body .relation-ctn .relation-ctn-body .items-con .item .i-drag-hamburger{
										display: none;
									}
.phone-mode .RuleUpdatePopup-parent.Popup .popup-modal .RuleUpdatePopup .rule-body .relation-ctn.all{
							position: relative;
							height: auto;
							margin: 16px 0 16px 0px;
						}
.phone-mode .RuleUpdatePopup-parent.Popup .popup-modal .RuleUpdatePopup .rule-body .relation-ctn.all .relation-ctn-header .phone-title{
								display: inline-block;
							}
.phone-mode .RuleUpdatePopup-parent.Popup .popup-modal .RuleUpdatePopup .rule-body .relation-ctn.all .relation-ctn-body{
								height: auto;
							}
.phone-mode .RuleUpdatePopup-parent.Popup .popup-modal .RuleUpdatePopup .rule-body .relation-ctn.all .when-items .item .c-radio-text{
										width: 242px;
									}
.phone-mode .RuleUpdatePopup-parent.Popup .popup-modal .RuleUpdatePopup .rule-body .relation-ctn.all .when-items .item .c-radio-text .edit-shift.name {
											max-width: 73%;
										}
.phone-mode .RuleUpdatePopup-parent.Popup .popup-modal .RuleUpdatePopup .save-modal {
						width: 287px;
						margin-left: -143px;
						line-height: 22px;
					}

/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.RuleView {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.RuleView .table .tr{
			height: auto;
			-webkit-box-flex: 0;
			    -ms-flex: none;
			        flex: none;
		}
.RuleView .table .td{
			padding-left: 0;
			-webkit-box-flex: 0;
			    -ms-flex: none;
			        flex: none;
		}
.RuleView .table .td .wrap-cell{
				padding-left: 16px;
			}
.RuleView .table .td.init{
				display: none;
			}
.RuleView .table .tbody .td{
				min-height: 64px;
				height:100%;
				
			}
.RuleView .table .tbody .td .wrap-cell{
					min-height: 64px;
					-webkit-box-flex:1;
					    -ms-flex:1;
					        flex:1;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-align: center;
					    -ms-flex-align: center;
					        align-items: center;
				}
.RuleView .table .tbody .td.rule{
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					    -ms-flex-direction: column;
					        flex-direction: column;
					-webkit-box-align: start;
					    -ms-flex-align: start;
					        align-items: flex-start;
					-webkit-box-pack: center;
					    -ms-flex-pack: center;
					        justify-content: center;
				}
.RuleView .table .tbody .td.rule .wrap-cell{
						-webkit-box-orient: vertical;
						-webkit-box-direction: normal;
						    -ms-flex-direction: column;
						        flex-direction: column;
						-webkit-box-align: start;
						    -ms-flex-align: start;
						        align-items: flex-start;
						-webkit-box-pack: center;
						    -ms-flex-pack: center;
						        justify-content: center;
					}
.RuleView .table .tbody .td.rule .rule-name{
						font-weight: 600;
						max-width: 100%;
					}
.RuleView .table .tbody .td.who .wrap-cell,.RuleView .table .tbody .td.when .wrap-cell,.RuleView .table .tbody .td.where .wrap-cell{
						-webkit-box-orient: vertical;
						-webkit-box-direction: normal;
						    -ms-flex-direction: column;
						        flex-direction: column;
						-webkit-box-align: start;
						    -ms-flex-align: start;
						        align-items: flex-start;
						-webkit-box-pack: center;
						    -ms-flex-pack: center;
						        justify-content: center;
						padding-top: 8px;
						padding-bottom: 8px;
					}
.RuleView .table .tbody .td.action-col{
					-webkit-box-flex: 0;
					    -ms-flex: none;
					        flex: none;
					-webkit-box-pack: end;
					    -ms-flex-pack: end;
					        justify-content: flex-end;
				}
.RuleView .table .tbody .td.action-col .icon{
						cursor: pointer;
					}
.RuleView .table .tbody .td .icon{
					margin-right: 8px;
				}
.RuleView .table .tbody .td .con-item{
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					width:100%;
				}
.RuleView .table .tbody .td .con-item .item-value{
						-webkit-box-flex: 1;
						    -ms-flex: 1;
						        flex: 1;
						max-width: none;
						word-break: break-all;
					}
.RuleView .table .rule-inactive {
		    background-color: #dcdcdc;
		}
.RuleView .con-item[data-type='group'] .item-value,.RuleView .con-item[data-type='list'] .item-value,.RuleView .con-item.when-item .item-value{
				color: #006BB2;
				cursor: pointer;
			}
.RuleView .action-clear-filter{
		text-decoration: underline;
		font-weight: 200;
		font-size: 12px;
		cursor: pointer;
	}
.RuleView .action-clear-filter.active{
			background-color: transparent;
		}
.RuleView .side-panel .c-check.checked:before{
					font-size: 16px;
					top:2px;
					left: 2px;
				}
.RuleView .side-panel .item .c-check-text{
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				min-width: 0;
			}
.RuleView .side-panel .item .c-check-text .name{
					-webkit-box-flex: 1;
					    -ms-flex: 1;
					        flex: 1;
				}
.RuleView .side-panel .item[data-type='Group'] .name,.RuleView .side-panel .item[data-type='List'] .name{
					color: #006BB2;
					cursor: pointer;
				}
.RuleView .side-panel .search-ctl{
			width: 248px;
			margin-left: 16px;
		}
.RuleView .side-panel .date-ctl{
			width: 248px;
			margin-left: 16px;
		}
.RuleView .side-panel .item .item-icon{
				margin: 0 8px;
			}
.phone-mode .RuleView .btn-add{
			padding: 3px 12px;
		}
.phone-mode .RuleView .rule-item{
			position: relative;
			margin: 0 8px;
			padding: 8px;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			border-bottom: 1px solid #DDDDDD;
			-webkit-box-flex: 0;
			    -ms-flex: none;
			        flex: none;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			font-size: 13px;
		}
.phone-mode .RuleView .rule-item .edit-weekly{
				position: absolute;
				right: 0px;
				top: 12px;
				cursor: pointer;
			}
.phone-mode .RuleView .rule-item .rule-name{
				color: #555555;
				font-weight: 600;
				font-size: 14px;
				margin-top: 4px;
			}
.phone-mode .RuleView .rule-item .rule-type{
				color: #999999;
				margin-left: 8px;
				margin-top: 4px;
			}
.phone-mode .RuleView .rule-item .rule-area{
				display: none;
				color: #999999;
				margin-left: 8px;
				margin-top: 4px;
			}
.phone-mode .RuleView .rule-item .rule-sub-sec{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				margin-top: 8px;
			}
.phone-mode .RuleView .rule-item .rule-sub-sec-label{
					width: 56px;
					text-align: right;
					margin-top: 4px;
				}
.phone-mode .RuleView .rule-item .rule-sub-sec .con-item{
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					margin-top: 4px;
					color: #999999;
				}
.phone-mode .RuleView .rule-item .rule-sub-sec .con-item .icon{
						margin: 0 4px;
					}
.phone-mode .RuleView.show-area .rule-item .rule-area{
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
				}
.phone-mode .rule-item.rule-inactive {
        background-color: #dcdcdc;
    }
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.ApiTokensView{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.ApiTokensView .list-text{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		height: 56px;
		color: #555555;
	}
.ApiTokensView .add-token{
		width: 200px;
	}
.ApiTokensView .table-panel .td .rule{
				display: inline-block;
			}
.phone-mode .ApiTokensView .nav-main{
			margin: 0;
		}
.phone-mode .ApiTokensView .nav-sec-header{
			display: none;
		}
.phone-mode .ApiTokensView .list-panel .btn-add{
				padding: 3px 12px;
				width: auto;
			}
.phone-mode .ApiTokensView .list-panel .data-col.members{
					width: 112px;
					-webkit-box-flex: 0;
					    -ms-flex: none;
					        flex: none;
					-webkit-box-pack: center;
					    -ms-flex-pack: center;
					        justify-content: center;
				}

/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.SettingHelpScreen{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex:1;
	    -ms-flex:1;
	        flex:1;
}
.SettingHelpScreen .nav-sec-header .portal-link {
        		padding-top: 30px;
        	}
.phone-mode .SettingHelpScreen{
		padding: 0;
	}
.phone-mode .SettingHelpScreen .nav-main{
			margin: 0;
		}
.phone-mode .SettingHelpScreen .nav-sec-header{
			display: none;
		}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.SettingReleaseNotesView{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex:1;
	    -ms-flex:1;
	        flex:1;
}
.SettingReleaseNotesView .setting-ctn{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-flex:1;
		    -ms-flex:1;
		        flex:1;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
.SettingReleaseNotesView .setting-ctn .section{
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			margin: 20px;
			background-color: white;
			padding: 16px;
		}
.SettingReleaseNotesView .setting-ctn .section .section-body{
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				overflow-y: auto;
			}
.SettingReleaseNotesView .setting-ctn .checkbox{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
		}
.phone-mode .SettingReleaseNotesView .section{
			margin: 0;
		}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
/* FIXME: compatiable with old ui */
.SettingScreen .nav-ctn{
		position: relative;
	}
.SettingScreen [data-layout='phone']{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack:justify;
		    -ms-flex-pack:justify;
		        justify-content:space-between;
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
	}
.SettingScreen [data-layout='phone'] .dropdown-con{
			margin-left: 16px;
		}
.SettingScreen [data-layout='phone'] .dropdown-con .display-name{
				font-weight: 600;
			}
.SettingScreen [data-layout='phone'] .dropdown-con .toggle-icon{
				margin-left: 8px;
			}
.SettingScreen [data-layout='phone'] .dropdown-con .dropdown-menu{
				left: -16px;
				height: auto;
				min-width: 184px;
			}
.SettingScreen [data-layout='phone'] .dropdown-con .dropdown-menu .nav-item{
					font-size: 14px;
					height: 32px;
					margin: 0;
					padding: 0 16px;
					-webkit-box-pack: justify;
					    -ms-flex-pack: justify;
					        justify-content: space-between;
				}
.SettingScreen [data-layout='phone'] .dropdown-con .dropdown-menu .nav-item:hover{
						background-color: #F1F7FB;
					}


/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.SettingTenantCredential{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex:1;
	    -ms-flex:1;
	        flex:1;
}
.SettingTenantCredential-screen.noevents{
			pointer-events: none;
		}
.SettingTenantCredential .button-con{
		position: absolute;
		top: -80px;
		right: 0px;
		height: 80px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
.SettingTenantCredential .button-con .btn{
			width: 128px;
			margin-left: 16px;
		}
.SettingTenantCredential .setting-ctn{
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		margin: 0 0 0 16px;
		
	}
.SettingTenantCredential .setting-ctn .relation-ctn{
			-webkit-box-shadow:0px 1px 2px 0px rgba(65, 65, 65, .2);
			        box-shadow:0px 1px 2px 0px rgba(65, 65, 65, .2);
			background-color: white;
			margin-right: 16px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			-webkit-box-flex:1;
			    -ms-flex:1;
			        flex:1;
		}
.SettingTenantCredential .setting-ctn .relation-ctn:last-child{
				margin-right: 0px;
			}
.SettingTenantCredential .setting-ctn .relation-ctn-header{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				min-height: 48px;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
			}
.SettingTenantCredential .setting-ctn .relation-ctn-header .title{
					color: #006BB2;
					font-size: 16px;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-align: center;
					    -ms-flex-align: center;
					        align-items: center;
					-webkit-box-pack: center;
					    -ms-flex-pack: center;
					        justify-content: center;
					padding: 16px;
				}
.SettingTenantCredential .setting-ctn .relation-ctn-header .helper-text{
					height: 24px;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					font-style: italic;
					-webkit-box-pack: center;
					    -ms-flex-pack: center;
					        justify-content: center;
				}
.SettingTenantCredential .setting-ctn .relation-ctn-body{
				margin: 20px 16px 0 16px;
				overflow-y: auto;
			}
.SettingTenantCredential .setting-ctn .relation-ctn .options-con{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				border: 1px #DDDDDD solid;
			}
.SettingTenantCredential .setting-ctn .relation-ctn .options-con .item {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					height: 32px;
					margin: 0;
					color: #555555;
					font-size: 12px;
					-webkit-box-align: center;
					    -ms-flex-align: center;
					        align-items: center;
				}
.SettingTenantCredential .setting-ctn .relation-ctn .options-con .item .c-radio{
						margin: 0 8px 0 16px;
					}
.SettingTenantCredential .setting-ctn .relation-ctn .options-con .item .c-radio-text{
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-flex: 1;
						    -ms-flex: 1;
						        flex: 1;
						-webkit-box-align: center;
						    -ms-flex-align: center;
						        align-items: center;
					}
.SettingTenantCredential .setting-ctn .relation-ctn .options-con .item .option-type{
						-webkit-box-flex: 1;
						    -ms-flex: 1;
						        flex: 1;
					}
.SettingTenantCredential .setting-ctn .relation-ctn .options-con .item .option-valve{
						-webkit-box-flex: 1;
						    -ms-flex: 1;
						        flex: 1;
					}
.SettingTenantCredential .setting-ctn .relation-ctn .options-con .item input{
						margin: 0 12px 0 4px;
					}
.SettingTenantCredential .setting-ctn .relation-ctn .options-con .item.changed{
						background: #F1F7FB;
					}
.SettingTenantCredential .setting-ctn .relation-ctn .options-con .item:nth-child(2n){
						background: white;
					}
.SettingTenantCredential .setting-ctn .relation-ctn .options-con .item:nth-child(2n).changed{
							background: #F1F7FB;
						}
.SettingTenantCredential .setting-ctn .relation-ctn .options-con .item:nth-child(2n-1){
						background: #F8F8F8;
					}
.SettingTenantCredential .setting-ctn .relation-ctn .options-con .item:nth-child(2n-1).changed{
							background: #F1F7FB;
						}
.SettingTenantCredential .setting-ctn .relation-ctn .site-code-body {
				margin: 0px 16px 0 16px;
			}
.SettingTenantCredential .setting-ctn .relation-ctn .site-code-body .options-con{
					border: none;
				}
.SettingTenantCredential .setting-ctn .relation-ctn .site-code-body .options-con .item{
						margin: 16px;
						background: none;
					}
.SettingTenantCredential .setting-ctn .relation-ctn .site-code-body .options-con .item .option-type{
							font-size: 14px;
							-webkit-box-flex: 0;
							    -ms-flex: none;
							        flex: none;
							margin-right: 16px;
						}
.SettingTenantCredential .setting-ctn .relation-ctn .site-code-body .options-con .item input{
							width: 48px;
						}
.SettingTenantCredential .setting-ctn .relation-ctn .site-code-body .options-con .item input.changed{
								background-color: #F1F7FB;
							}
.SettingTenantCredential .setting-ctn .relation-ctn.bitmask-option{
				width: 528px;
			}
.SettingTenantCredential .setting-ctn .relation-ctn.accesspoint-calculate{
				width: 392px;
			}
.SettingTenantCredential .setting-ctn .relation-ctn.accesspoint-calculate .relation-ctn-header{
					-webkit-box-pack: center;
					    -ms-flex-pack: center;
					        justify-content: center;
				}
.SettingTenantCredential .setting-ctn .relation-ctn.accesspoint-calculate .relation-ctn-header .accesspoint-btn{
						width: 100%;
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-align: center;
						    -ms-flex-align: center;
						        align-items: center;
					}
.SettingTenantCredential .setting-ctn .relation-ctn.accesspoint-calculate .relation-ctn-header .accesspoint-btn .accesspoint-group{
							-webkit-box-flex: 1;
							    -ms-flex: 1;
							        flex: 1;
							margin: 0 16px;
						}
.SettingTenantCredential .setting-ctn .relation-ctn.accesspoint-calculate .relation-ctn-header .accesspoint-btn .btn{
							margin-right: 16px;
						}
.SettingTenantCredential .setting-ctn .relation-ctn.accesspoint-calculate .relation-ctn-body{
					margin-top: 8px;
					overflow-y: auto;
					margin: 0;
				}
.SettingTenantCredential .setting-ctn .relation-ctn.accesspoint-calculate .relation-ctn-body .options-con{
						height: 290px;
						-webkit-box-shadow: 0px 1px 3px 0px rgba(65, 65, 65, .24), 0px 1px 2px 0px rgba(65, 65, 65, .48);
						        box-shadow: 0px 1px 3px 0px rgba(65, 65, 65, .24), 0px 1px 2px 0px rgba(65, 65, 65, .48);
						font-size: 13px;
						border: none;
						margin: 8px 16px;
					}
.SettingTenantCredential .setting-ctn .relation-ctn.accesspoint-calculate .relation-ctn-body .options-con .options-header{
							height: 32px;
							font-size: 13px;
							color: #006BB2;
							display: -webkit-box;
							display: -ms-flexbox;
							display: flex;
							-webkit-box-align: center;
							    -ms-flex-align: center;
							        align-items: center;
							padding: 0 8px;
						}
.SettingTenantCredential .setting-ctn .relation-ctn.accesspoint-calculate .relation-ctn-body .options-con .options-body{
							height: 258px;
							margin: 0 8px 8px 8px;
							border: 1px #DDDDDD solid;
						}
.SettingTenantCredential .setting-ctn .relation-ctn.accesspoint-calculate .relation-ctn-body .options-con .options-body .item{
							}
.SettingTenantCredential .setting-ctn .relation-ctn.accesspoint-calculate .relation-ctn-body .options-con .badge-id{
							width: 112px;
							text-align: center;
						}
.SettingTenantCredential .setting-ctn .relation-ctn.accesspoint-calculate .relation-ctn-body .options-con .bit-mask{
							-webkit-box-flex: 1;
							    -ms-flex: 1;
							        flex: 1;
						}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.SettingTenantInfo{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.SettingTenantInfo-screen.noevents{
            pointer-events: none;
        }
.SettingTenantInfo .btn-help-icon{
        float: right;
        margin-top: 8px;
        margin-left: 4px;
        cursor: pointer;
    }
.SettingTenantInfo .button-con{
        position: absolute;
        top: -80px;
        right: 0px;
        height: 80px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
.SettingTenantInfo .button-con .btn{
            width: 128px;
            margin-left: 16px;
        }
.SettingTenantInfo .setting-ctn{
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        margin: 0 0 0 16px;
        -webkit-box-shadow:0px 1px 2px 0px rgba(65, 65, 65, .2);
                box-shadow:0px 1px 2px 0px rgba(65, 65, 65, .2);
    }
.SettingTenantInfo .setting-ctn .section{
            -webkit-box-flex: 1;
                -ms-flex: 1;
                    flex: 1;
            background-color: white;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            height: 100%;
            border-right: #DDDDDD 1px solid;
        }
.SettingTenantInfo .setting-ctn .section-title{
                height: 48px;
                color: #006BB2;
                font-size: 16px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                padding: 0 16px;
            }
.SettingTenantInfo .setting-ctn .section-body{
                -webkit-box-flex: 0;
                    -ms-flex: 0 1 auto;
                        flex: 0 1 auto;
                overflow-y: visible;
                padding: 0 16px 16px 16px;
            }
.SettingTenantInfo .setting-ctn .section-body .option-item{
                    margin-top: 16px;
                }
.SettingTenantInfo .setting-ctn .section-body .option-item .ctl-group textarea{
                            height: 60px;
                        }
.SettingTenantInfo .setting-ctn .section-body .option-item .ctl-group input.changed, .SettingTenantInfo .setting-ctn .section-body .option-item .ctl-group textarea.changed {
                                background: #F1F7FB;
                            }
.SettingTenantInfo .setting-ctn .section-body .option-item .time-ctl{
                        width: 100%;
                    }
.SettingTenantInfo .setting-ctn .section-body .option-item .time-ctl .TimeSelect.changed .input-con{
                                    background: #F1F7FB;
                                }
.SettingTenantInfo .setting-ctn .section-body .option-item .dropdown-field {
                        width: 100%;
                        max-width: 100%;
                    }
.phone-mode .SettingTenantInfo{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
    }
.phone-mode .SettingTenantInfo .header-button-con{
            display: none;
        }
.phone-mode .SettingTenantInfo .section-dropdown-ctn{
            display:-webkit-box;
            display:-ms-flexbox;
            display:flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            width: 100%;
            margin-bottom: -24px;
        }
.phone-mode .SettingTenantInfo .section-dropdown-ctn .it-box{
                height: 32px;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                padding: 0 16px;
            }
.phone-mode .SettingTenantInfo .section-dropdown-ctn .dropdown-con{
                margin: 0;
                /*For the hidden button, want 24px*/
                margin-left:16px;                                        
                top: -24px;
            }
.phone-mode .SettingTenantInfo .section-dropdown-ctn .dropdown-con .display-name{
                    color: #006BB2;
                    font-weight: 600;
                }
.phone-mode .SettingTenantInfo .section-dropdown-ctn .dropdown-con .toggle-icon{
                    margin-left: 8px;
                }
.phone-mode .SettingTenantInfo .section-dropdown-ctn .dropdown-con .dropdown-menu{
                    left: -16px;
                    height: auto;
                    min-width: 192px;
                }
.phone-mode .SettingTenantInfo .section-dropdown-ctn .dropdown-con .dropdown-menu li{
                        font-size: 14px;
                        height: 32px;
                        margin: 0;
                        padding: 0 16px;
                        -webkit-box-align: center;
                            -ms-flex-align: center;
                                align-items: center;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-pack: justify;
                            -ms-flex-pack: justify;
                                justify-content: space-between;
                    }
.phone-mode .SettingTenantInfo .section-dropdown-ctn .dropdown-con .dropdown-menu li.active{
                            font-weight: 600;
                            color: #006BB2;
                        }
.phone-mode .SettingTenantInfo .section-dropdown-ctn .dropdown-con .dropdown-menu li:hover{
                            background-color: #F1F7FB;
                        }
.phone-mode .SettingTenantInfo .Combo{
            max-width: none;
        }
.phone-mode .SettingTenantInfo .setting-ctn{
            -webkit-box-flex: 1;
                -ms-flex: 1;
                    flex: 1;
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin: 0;
        }
.phone-mode .SettingTenantInfo .setting-ctn .section{
                display: none;
                background: white;
                margin: 0;
                -webkit-box-flex: 1;
                    -ms-flex: 1;
                        flex: 1;
            }
.phone-mode .SettingTenantInfo .setting-ctn .section .section-title{
                    display: none;
                }
.phone-mode .SettingTenantInfo .setting-ctn .section.active{
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-flex: 1;
                        -ms-flex: 1;
                            flex: 1;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                        -ms-flex-direction: column;
                            flex-direction: column;
                }
.phone-mode .SettingTenantInfo .setting-ctn .section .section-body{
                    overflow-y: auto;
                    -webkit-box-flex: 1;
                        -ms-flex: 1;
                            flex: 1;
                }
.phone-mode .SettingTenantInfo .footer-button-con{
            position: relative;
            top: 0px;
            left: 0px;
            z-index:1;
            border-top: 1px solid #006BB2;
            height: 56px;
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: end;
                -ms-flex-pack: end;
                    justify-content: flex-end;
            padding-right: 8px;
        }
.phone-mode .SettingTenantInfo .footer-button-con .btn{
                width: 80px;
                margin-left: 16px;
            }
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.SettingUserDefinedFields{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;

}
.SettingUserDefinedFields-screen.noevents{
			pointer-events: none;
		}
.SettingUserDefinedFields .button-con{
		position: absolute;
		top: -80px;
		right: 0px;
		height: 80px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
.SettingUserDefinedFields .button-con .btn{
			width: 128px;
			margin-left: 16px;
		}
.SettingUserDefinedFields .setting-ctn{
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		margin: 0 0 0 16px;
	}
.SettingUserDefinedFields .setting-ctn .relation-ctn{
			-webkit-box-shadow:0px 1px 2px 0px rgba(65, 65, 65, .2);
			        box-shadow:0px 1px 2px 0px rgba(65, 65, 65, .2);
			background-color: white;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;

		}
.SettingUserDefinedFields .setting-ctn .relation-ctn-header{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				min-height: 48px;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
			}
.SettingUserDefinedFields .setting-ctn .relation-ctn-header .title{
					color: #006BB2;
					font-size: 16px;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-align: center;
					    -ms-flex-align: center;
					        align-items: center;
					-webkit-box-pack: center;
					    -ms-flex-pack: center;
					        justify-content: center;
					padding: 16px;
				}
.SettingUserDefinedFields .setting-ctn .relation-ctn-header .helper-text{
					height: 24px;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					font-style: italic;
					-webkit-box-pack: center;
					    -ms-flex-pack: center;
					        justify-content: center;
				}
.SettingUserDefinedFields .setting-ctn .relation-ctn-body{
				margin: 16px;
				overflow-y: auto;
				border: 1px #DDDDDD solid;
			}
.SettingUserDefinedFields .setting-ctn .relation-ctn .options-con{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				padding-bottom: 8px;
			}
.SettingUserDefinedFields .setting-ctn .relation-ctn .options-con .item {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					height: 32px;
					margin: 16px 0 0 0;
					color: #555555;
					font-size: 12px;
					-webkit-box-align: center;
					    -ms-flex-align: center;
					        align-items: center;
				}
.SettingUserDefinedFields .setting-ctn .relation-ctn .options-con .item .c-radio{
						margin: 0 8px 0 16px;
					}
.SettingUserDefinedFields .setting-ctn .relation-ctn .options-con .item .c-radio-text{
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-flex: 1;
						    -ms-flex: 1;
						        flex: 1;
						-webkit-box-align: center;
						    -ms-flex-align: center;
						        align-items: center;
					}
.SettingUserDefinedFields .setting-ctn .relation-ctn .options-con .item .option-type{
						margin: 0 16px;
					}
.SettingUserDefinedFields .setting-ctn .relation-ctn .options-con .item input{
						margin: 0 12px 0 4px;
						-webkit-box-flex: 1;
						    -ms-flex: 1;
						        flex: 1;
					}
.SettingUserDefinedFields .setting-ctn .relation-ctn .options-con .item.changed{
						background: #F1F7FB;
					}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.ShiftCalendar {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: 16px;
}
.ShiftCalendar .nav-extra-header{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
.ShiftCalendar .nav-extra-header .right-buttons{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
		}
.ShiftCalendar .nav-extra-header .right-buttons .btn{
				min-width: 0px;
				margin-left: 16px;
			}
.ShiftCalendar .nav-extra-header .right-buttons .btn .icon{
					position: static;
					margin-top: 0;
				}
.ShiftCalendar .nav-extra-header .right-buttons .btn.arrow{
					padding-left: 8px;
					padding-right: 8px;
				}
.ShiftCalendar .nav-extra-header .right-buttons .btn.arrow .icon{
						margin-right: 0px;
					}
.ShiftCalendar .combo-toggle{
		margin-left: 16px;
	}
.ShiftCalendar .combo-toggle .dropdown-control{
			background-color: white;
		}
.ShiftCalendar .combo-toggle .ctl-label{
			color: white;
		}
.ShiftCalendar .combo-toggle.month{
			width: 144px;
		}
.ShiftCalendar .combo-toggle.year{
			width: 88px;
		}
.ShiftCalendar .calendar-panel {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		position: relative;
		
	}
.ShiftCalendar .calendar-panel .calendar-body {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			margin: 16px;
			
		}
.ShiftCalendar .calendar-panel .calendar-body .calendar-con{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
			}
.ShiftCalendar .calendar-panel .calendar-body .calendar-con table{
					width:100%;
					height:100%;
					border-collapse: collapse;
				}
.ShiftCalendar .calendar-panel .calendar-body .calendar-con table tr{
						height: 15%;
					}
.ShiftCalendar .calendar-panel .calendar-body .calendar-con table thead{
						height: 40px;
					}
.ShiftCalendar .calendar-panel .calendar-body .calendar-con table thead tr{
							height: 40px;
						}
.ShiftCalendar .calendar-panel .calendar-body .calendar-con table td{
						border:1px solid #EFEFEF;
					}
.ShiftCalendar .calendar-panel .calendar-body .calendar-con table th{
						height: 24px;
						text-align: center;
						font-family: "Oswald";
						font-weight: 600;
						color: #001C49;
						font-size: 14px;
						color: #555555;
						width:14.285714%;
					}
.ShiftCalendar .calendar-panel .calendar-body .calendar-con table td{
						text-align: center;
						font-size: 15px;
						letter-spacing: 1.58px;
						color: #555555;
						font-weight: 600;
						vertical-align: top;
						text-align: right;
						position: relative;
					}
.ShiftCalendar .calendar-panel .calendar-body .calendar-con table td.highlight .date-info{
								background-color: #F1F7FB;
							}
.ShiftCalendar .calendar-panel .calendar-body .calendar-con table td.today::before{
								position: absolute;
								z-index: 10;
								height: 2px;
								bottom:0px;
								left:0px;
								right: 0px;
								content: " ";
								background-color: #72B864;
							}
.ShiftCalendar .calendar-panel .calendar-body .calendar-con .date-value{
					position: relative;
					z-index: 5;
					width: 100%;
					height:100%;
					padding: 0px 8px 0 0;
				}
.ShiftCalendar .calendar-panel .calendar-body .calendar-con .date-info{
					z-index: 3;
					position: absolute;
					top: 0;
					right: 0;
					bottom: 0;
					left: 0;
					text-align: left;
					font-size: 12px;
					letter-spacing: 1.08px;
				}
.ShiftCalendar .calendar-panel .calendar-body .calendar-con .date-info .date-info-item{
						position: absolute;
						left:0;
						right:0px;
						top:0px;
						height: 25%;
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
					}
.ShiftCalendar .calendar-panel .calendar-body .calendar-con .date-info .date-info-item .icon{
							margin-left: 8px;
						}
.ShiftCalendar .calendar-panel .calendar-body .calendar-con .date-info .date-info-item .more{
							font-size: 12px;
							background: #006BB2;
							border-radius: 3px;
							width:12px;
							height: 12px;
							position: relative;
							top: -5px;
							display: inline-block;
							text-align: center;
							color: white;
							line-height: 12px;
							cursor: pointer;
						}
.ShiftCalendar .calendar-panel .calendar-body .calendar-con .date-info .date-info-item .more + .text{
								top:4px;
								margin-left: 0px;
							}
.ShiftCalendar .calendar-panel .calendar-body .calendar-con .date-info .date-info-item .text{
							display: inline-block;
							max-width: 60%;
							color: #999999;
							-webkit-transform: scale(.916);
							        transform: scale(.916);
						}
.ShiftCalendar .calendar-panel .calendar-body .calendar-con .date-info .date-info-item.holiday{
							top: 16px;
						}
.ShiftCalendar .calendar-panel .calendar-body .calendar-con .date-info .date-info-item.script{
							top:25.0001%;
						}
.ShiftCalendar .calendar-panel .calendar-body .calendar-con .date-info .date-info-item.event{
							top:50.0001%;
						}
.ShiftCalendar .calendar-panel .calendar-body .calendar-con .date-info .date-info-item.access-schedule{
							height: 30%;
							top:76.0001%;
							overflow: hidden;
							white-space: nowrap;
							margin-top: -6px;
						}
.ShiftCalendar .calendar-panel .calendar-body .calendar-con .date-info .date-info-item.access-schedule .text{
								margin-left: 4px;
								top:2px;
							}
.ShiftCalendar .calendar-panel .calendar-body .calendar-con .date-info .date-info-item.access-schedule .icon{
								font-size: 17px;
								margin-left: 6px;
							}
.ShiftCalendar .calendar-panel .calendar-body .calendar-con .date-info .date-info-item .edit-clickable{
							cursor: pointer;
						}
.ShiftCalendar .filter-con{
		width: 280px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		margin-left: 16px;
		-webkit-box-shadow:0px 1px 2px 0px rgba(65, 65, 65, .2);
		        box-shadow:0px 1px 2px 0px rgba(65, 65, 65, .2);
	}
.ShiftCalendar .filter-con-header{
			background-color: #006BB2;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			padding: 8px 0;
		}
.ShiftCalendar .filter-con-header .header-row{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				padding-top: 16px;
			}
.ShiftCalendar .filter-con-header .header-row .btn{
					margin-left: 16px;
					padding: 8px 4px;
					width: 72px;
				}
.ShiftCalendar .filter-con-body{
			-webkit-box-flex:1;
			    -ms-flex:1;
			        flex:1;
			background-color: white;
			overflow-y: auto;
		}
.ShiftCalendar .filter-con-body .search-ctl{
				margin: 16px;
				width: auto;
			}
.ShiftCalendar .filter-con-body .item-box{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				height: 40px;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
			}
.ShiftCalendar .filter-con-body .item-box .icon{
					margin: 0 12px;
				}
.ShiftCalendar .filter-con-body .item-box .item-info{
					-webkit-box-flex: 1;
					    -ms-flex: 1;
					        flex: 1;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					    -ms-flex-direction: column;
					        flex-direction: column;
					line-height: 1;
					color: #999999;
				}
.ShiftCalendar .filter-con-body .item-box .item-info .name{
						-webkit-box-flex: 1;
						    -ms-flex: 1;
						        flex: 1;
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-align: end;
						    -ms-flex-align: end;
						        align-items: flex-end;
						cursor: pointer;
					}
.ShiftCalendar .filter-con-body .item-box .item-info .time{
						-webkit-box-flex: 1;
						    -ms-flex: 1;
						        flex: 1;
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-align: start;
						    -ms-flex-align: start;
						        align-items: flex-start;
						cursor: pointer;
					}
.ShiftCalendar .more-dropdown{
		position: absolute;
		z-index: 10;
		top: 0px;
		left: 0px;
		background: white;
		-webkit-box-shadow: 0 3px 6px 0 rgba(65, 65, 65, .32), 0 3px 6px 0 rgba(65, 65, 65, .46);
		        box-shadow: 0 3px 6px 0 rgba(65, 65, 65, .32), 0 3px 6px 0 rgba(65, 65, 65, .46);
		max-height: 300px;
		overflow-y: auto;
		padding: 8px 0px;
		margin-right: 8px;
	}
.ShiftCalendar .more-dropdown .item{
			max-width: none;
			height: 24px;
			line-height: 24px;
			letter-spacing: 1.08px;
			font-size: 12px;
			cursor: pointer;
			color: #555555;
			padding: 0 16px 0 8px;
			white-space: nowrap;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
		}
.ShiftCalendar .more-dropdown .item .icon{
				margin-right: 8px;
			}
.ShiftCalendar .more-dropdown .item .text{
				color: #555555;
			}
.ShiftCalendar .more-dropdown .item:hover{
				color: #006BB2;
			}
.ShiftCalendar .more-dropdown .item:hover .text{
					color: #006BB2;
				}
.ShiftCalendar .more-dropdown .item.readonly{
				cursor: default;
			}
.ShiftCalendar .more-dropdown .item.readonly:hover{
					color: #555555;
				}
.ShiftCalendar .more-dropdown .item.readonly:hover .text{
						color: #555555;
					}
.ShiftCalendar .more-dropdown .item.active{
				background: #F1F7FB;
			}
.ShiftCalendar .more-dropdown .item:first-child{
				border-top-left-radius: 4px;
				border-top-right-radius: 4px;
			}
.ShiftCalendar .more-dropdown .item:last-child{
				border-bottom-left-radius: 4px;
				border-bottom-right-radius: 4px;
			}
.ShiftCalendar .more-dropdown .item.block .text{
					color: #555555;
				}
.ShiftCalendar .more-dropdown .item.block:hover .text{
						color: #006BB2;
					}
.ShiftCalendar .more-dropdown .more-drop-remove{
			position: absolute;
			right: 2px;
			top: 2px;
			color: #006BB2;
			z-index: 2;
			cursor: pointer;
		}
.ShiftCalendar .add-popup{
		position: absolute;
		z-index: 1000;
		left:50%;
		margin-left: -64px;
		background: white;
		-webkit-box-shadow:0px 1px 2px 0px rgba(65, 65, 65, .2);
		        box-shadow:0px 1px 2px 0px rgba(65, 65, 65, .2);
		padding: 16px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
.ShiftCalendar .add-popup .btn{
			position: relative;
			z-index: 1004;
			margin-top: 16px;
			letter-spacing: .5px;
			padding: 0 12px 0 12px;
		}
.ShiftCalendar .add-popup .btn:first-child{
				margin-top: 0px;
			}
.ShiftCalendar .add-popup:before{
			content: " ";
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			background-color: white;
			z-index: 1003;
		}
.ShiftCalendar .add-popup:after{
			content: " ";
			position: absolute;
			width: 16px;
			height: 16px;
			left: 50%;
			bottom: -8px;
			margin-left: -8px;
			-webkit-transform: rotate(45deg);
			        transform: rotate(45deg);
			-webkit-box-shadow:0px 1px 2px 0px rgba(65, 65, 65, .2);
			        box-shadow:0px 1px 2px 0px rgba(65, 65, 65, .2);
			background-color: white;
			z-index: 1002;
		}
.phone-mode .ShiftCalendar{
		margin: 0;
	}
.phone-mode .ShiftCalendar .nav-main{
			margin: 0;
		}
.phone-mode .ShiftCalendar .nav-sec-header{
			display: none;
		}
.phone-mode .ShiftCalendar .list-panel .date-ctl{
				margin-top: 16px;
			}
.phone-mode .ShiftCalendar .list-panel .btn-add{
				padding: 3px 12px;
				width: auto;
			}
.phone-mode .ShiftCalendar .list-panel .list-holiday .con-title{
					font-size: 15px;
					color: #555555;
				}
.phone-mode .ShiftCalendar .list-panel .list-holiday li.group-item{
					overflow: hidden;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					    -ms-flex-direction: column;
					        flex-direction: column;
					-webkit-box-pack: center;
					    -ms-flex-pack: center;
					        justify-content: center;
					text-overflow: ellipsis;
					white-space: nowrap;
					margin-left: 16px;
				}
.phone-mode .ShiftCalendar .list-panel .list-holiday li.holiday-item{
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-align: center;
					    -ms-flex-align: center;
					        align-items: center;
					height: 24px;
				}
.phone-mode .ShiftCalendar .list-panel .list-holiday li.holiday-item .exit-holiday{
						color: #006BB2;
						font-size: 14px;
						overflow: hidden;
						cursor: pointer;
					}

/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.ShiftCalendarEventEditPopup .ctl-group.name-group{
			margin-top: 32px;
		}
.ShiftCalendarEventEditPopup .ctl-group.area-field{
			margin-top: 16px;
			margin-bottom: 13px;
		}
.ShiftCalendarEventEditPopup .ctl-group.area-field .area-input{
				width: 100%;
			}
.ShiftCalendarEventEditPopup .ctl-group.script-group{
			margin-top: 16px;
		}
.ShiftCalendarEventEditPopup .ctl-group.activity-group input[placeholder]{
				text-overflow: ellipsis;
				overflow: hidden;
			}
.ShiftCalendarEventEditPopup .ctl-group.block-field{

			margin-bottom: 0;
		}
.ShiftCalendarEventEditPopup .ctl-group.block-field .ctl-label{
				float:left;
				font-size: 15px;
				color: #555555;
			}
.ShiftCalendarEventEditPopup .ctl-group.block-field .full-color{
				position: relative;
				top: 13px;
				margin-left: 50px;
			}
.ShiftCalendarEventEditPopup .ctl-group.block-field .switch-text{
				font-size: 15px;
				color: #999999;
				margin-left: 40px;
			}
.ShiftCalendarEventEditPopup .ctl-group.block-field .switch-helper-text{
				font-size: 12px;
				-webkit-transform: scale(0.9167);
				        transform: scale(0.9167);
				text-align: center;
				margin-top: 4px;
				line-height: 10px;
				margin-bottom: 16px;
			}
.ShiftCalendarEventEditPopup .ctl-group.block-field .switch-helper-text.block{
					display: none;
				}
.ShiftCalendarEventEditPopup .ctl-group.block-field.checked .switch-text{
					color: #333333;
				}
.ShiftCalendarEventEditPopup .ctl-group.block-field.checked .switch-helper-text{
					display: none;
				}
.ShiftCalendarEventEditPopup .ctl-group.block-field.checked .switch-helper-text.block{
						display: block;
					}
.ShiftCalendarEventEditPopup .ctl-group.block-field.checked .ctl-label{
					color:@black-30;
				}
.ShiftCalendarEventEditPopup .ctl-group.edit-activity-group{
			margin-top: 16px;
			text-align: center;
		}
.ShiftCalendarEventEditPopup .ctl-group:last-child{
			margin-bottom: 16px;
		}
.ShiftCalendarEventEditPopup .ctl-group .c-check{
			float: left;
			margin-top: -8px;
			border-color: #006BB2;
		}
.ShiftCalendarEventEditPopup .ctl-group .c-check.disabled .icon{
					fill: #C0C0C0;
				}
.ShiftCalendarEventEditPopup .ctl-group.multiple-day{
			margin-bottom: 0;
			margin-top: 4px;
			height: 16px;
		}
.ShiftCalendarEventEditPopup .ctl-group .accesspoint-control{
			width: 100%;
		}
.ShiftCalendarEventEditPopup .ctl-group .CombineField .dropdown-items .item{
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
				}
.ShiftCalendarEventEditPopup .ctl-group .CombineField .dropdown-items .item .icon{
						margin-right: 8px;
					}
.ShiftCalendarEventEditPopup .ctl-group .time-ctl {
			width: 100%;
		}
.ShiftCalendarEventEditPopup .ctl-group .time-ctl .TimeSelect .dropdown{
					height: 192px;
				}
.ShiftCalendarEventEditPopup .access-type{
		position: relative;
		height: 156px;
  		padding-left: 8px;
  		margin-top: 16px;
	}
.ShiftCalendarEventEditPopup .access-type.warning > label{
				color: #DA4F4A;
			}
.ShiftCalendarEventEditPopup .access-type.warning .type-content{
				border-color: #DA4F4A;
			}
.ShiftCalendarEventEditPopup .access-type > label{
			position: absolute;
			left: 8px;
			top: 0;
			height: 16px;
			font-size: 12px;
			color: #555555;
			line-height: 1.0;
		}
.ShiftCalendarEventEditPopup .access-type .type-content{
			position: absolute;
			bottom: 0;
			top: 22px;
			left: 0;
			right: 0;
			padding-top: 8px;
			border: 1px solid #DDDDDD;
			border-radius: 4px;
		}
.ShiftCalendarEventEditPopup .access-type .type-content .radio-con{
				position: relative;
				width: 100%;
				height: 16px;
				margin-bottom: 8px;
			}
.ShiftCalendarEventEditPopup .access-type .type-content .radio-con .c-radio{
					position: absolute;
					left: 8px;
				}
.ShiftCalendarEventEditPopup .access-type .type-content .radio-con .c-radio-text{
					position: absolute;
					left: 24px;
			   }
.ShiftCalendarEventEditPopup .access-type .type-content .user-group{
				margin-bottom: 0px;
				margin-top: 8px;

			}
.ShiftCalendarEventEditPopup .access-type .type-content .user-group .user-group-control{
					position: relative;
					width: 236px;
					left: 48px;
					top: -4px;
				}
.ShiftCalendarEventEditPopup .access-type .type-content .user-group .user-group-control .CombineField .dropdown-control.ctl{
							margin-top: 0px;
						}
.ShiftCalendarEventEditPopup-parent .popup-modal{
		position: absolute;
		bottom: 0;
		top: 0;
		left: 0;
		right: 0;
	}
.ShiftCalendarEventEditPopup-parent .popup-modal .popup-body{
			position: absolute;
			top: 40px;
			right: 0px;
			left: 0px;
		}
.ShiftCalendarEventEditPopup-parent .popup-modal .popup-footer{
			position: absolute;
			bottom: 0;
			right: 0px;
			left: 0px;
		}
.ShiftCalendarEventEditPopup-parent .popup-modal .popup-footer .ShiftCalendarEventEditPopup-footer{
				margin-left: -24px;
			}
.ShiftCalendarEventEditPopup-parent .popup-modal .popup-footer .ShiftCalendarEventEditPopup-footer .btn{
					width: 64px;
					right:auto;
				}
.ShiftCalendarEventEditPopup-parent .popup-modal .popup-footer .ShiftCalendarEventEditPopup-footer .delete{
					width:54px;
					min-width: 54px;
					float: left;
					position: relative;
					left: 24px;
					padding-left: 0px;
					padding-right: 0px;
				}
.ShiftCalendarEventEditPopup-parent.event .Popup-con{
			min-height: 680px;
			min-width: 328px;
		}
.ShiftCalendarEventEditPopup-parent.accessschedule .Popup-con{
			min-height: 578px;
		}
.ShiftCalendarEventEditPopup-parent.holiday .Popup-con{
			min-width: 328px;
			max-height: 572px;
			min-height: 546px;
		}
.ShiftCalendarEventEditPopup-parent.holiday .popup-modal .ShiftCalendarEventEditPopup .name-group{
					margin-bottom: 16px;
				}
.ShiftCalendarEventEditPopup-parent.holiday .popup-modal .ShiftCalendarEventEditPopup .area-field{
					margin-bottom: 8px;

				}
.ShiftCalendarEventEditPopup-parent.holiday .popup-modal .ShiftCalendarEventEditPopup .description-group{
					margin-top: 16px;
				}
.ShiftCalendarEventEditPopup-parent.holiday .popup-modal .ShiftCalendarEventEditPopup .description-group textarea{
						width: 100%;
					}
.ShiftCalendarEventEditPopup-parent.holiday .popup-modal .popup-footer .ShiftCalendarEventEditPopup-footer .delete{
				width:64px;
				min-width: 64px;
				float: left;
				left: 20px;
				margin-right: 16px;
			}
@media(max-width: 800px){
.ShiftCalendarEventEditPopup-parent{
	position: fixed;
}
		.ShiftCalendarEventEditPopup-parent.holiday .Popup-con{
			min-width: 0;
			min-width: initial;
			max-height: none;
			min-height: 0;
			min-height: initial;
		}
				.ShiftCalendarEventEditPopup-parent.holiday .Popup-con .popup-modal .ShiftCalendarEventEditPopup{
					width: auto;
				}

					.ShiftCalendarEventEditPopup-parent.holiday .Popup-con .popup-modal .ShiftCalendarEventEditPopup .ctl-group .ctl{
						max-width: none;
					}
					.ShiftCalendarEventEditPopup-parent.holiday .Popup-con .popup-modal .ShiftCalendarEventEditPopup .SingleField{
						max-width: none;
					}
					.ShiftCalendarEventEditPopup-parent.holiday .Popup-con .popup-modal .ShiftCalendarEventEditPopup .Combo{
						max-width: none;
					}
					.ShiftCalendarEventEditPopup-parent.holiday .Popup-con .popup-modal .ShiftCalendarEventEditPopup .description-group{
						width: 100%;
					}


}

/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.ShiftEditPopup{
	width: 480px;
}
.ShiftEditPopup .ctl-group > label{
			display: block;
			margin-bottom: 0px;
		}
.ShiftEditPopup .ctl-group .ctl{
			margin: 0;
			max-width: none;
		}
.ShiftEditPopup .ctl-group.area-group{
			margin-top: 16px;
			margin-bottom: 8px;
		}
.ShiftEditPopup .ctl-group.area-group .area-control{
				width: 100%;
			}
.ShiftEditPopup .ctl-group.area-group .dropdown-field{
				max-width: none;
			}
.ShiftEditPopup .ctl-group.schedule-group{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
		}
.ShiftEditPopup .ctl-group.schedule-group > .ctl-label{
				padding-left: 0px;
				position: static;
			}
.ShiftEditPopup .ctl-group .schedule-ctn{
			display: block;
			margin-top: 4px;
			padding: 1px 0;
			-webkit-box-shadow: 0px 1px 3px 0px rgba(65, 65, 65, .24), 0px 1px 2px 0px rgba(65, 65, 65, .48);
			        box-shadow: 0px 1px 3px 0px rgba(65, 65, 65, .24), 0px 1px 2px 0px rgba(65, 65, 65, .48);
			
		}
.ShiftEditPopup .ctl-group .schedule-ctn .schedules{
				margin-bottom: -32px;
				display: none;
			}
.ShiftEditPopup .ctl-group .schedule-ctn .schedules .schedule{
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					height: 34px;
					margin-bottom: 8px;
					padding-left: 54px;
				}
.ShiftEditPopup .ctl-group .schedule-ctn .schedules .schedule:last-child{
						margin-bottom: 40px;
					}
.ShiftEditPopup .ctl-group .schedule-ctn .schedules .schedule .checkbox{
						display: inline-block;
						margin: 10px 0;
						height: 14px;
						width: 134px;
						padding: 0;
					}
.ShiftEditPopup .ctl-group .schedule-ctn .schedules .schedule .checkbox .c-check{
							float: left;
							margin-top: 2px;
						}
.ShiftEditPopup .ctl-group .schedule-ctn .schedules .schedule .checkbox .c-check.disabled ~ .c-check-text{
									color: #999999;
								}
.ShiftEditPopup .ctl-group .schedule-ctn .schedules .schedule .checkbox .c-check-text{
							margin-left: 8px;
							font-size: 12px;
							line-height: 19px;
						}
.ShiftEditPopup .ctl-group .schedule-ctn .schedules .schedule .ctl{
						margin-right: 14px;
						border-bottom: none;

					}
.ShiftEditPopup .ctl-group .schedule-ctn .schedules .schedule .ctl.warning ~ .i-clock{
								color: #DA4F4A;
								fill: #ECA7A4;
							}
.ShiftEditPopup .ctl-group .schedule-ctn .schedules .schedule .ctl-group{
						width: 120px;
						height: 32px;
						margin-top:0px;
						padding-top: 8px;
						margin-right: 13px;
					}
.ShiftEditPopup .ctl-group .schedule-ctn .schedules .schedule .ctl-group .TimeSelect > .dropdown{
								height:96px;
								top: 25px;
							}
.ShiftEditPopup .ctl-group .schedule-ctn .schedules .schedule .times-groups{
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
					}
.ShiftEditPopup .ctl-group .schedule-ctn .schedules.customdays{
					display: block;
				}
.ShiftEditPopup .ctl-group .schedule-ctn .schedules.customdays .time-ctl{
						display: none;
					}
.ShiftEditPopup .ctl-group .schedule-ctn .schedules.customtimes{
					display: block;
					margin-bottom: 0px;
				}
.ShiftEditPopup .ctl-group .schedule-ctn .schedules.customtimes .schedule{
						display: none;
						padding-left: 192px;
					}
.ShiftEditPopup .ctl-group .schedule-ctn .schedules.customtimes .schedule .checkbox{
							display: none;
						}
.ShiftEditPopup .ctl-group .schedule-ctn .schedules.customtimes .schedule:first-child{
							display: -webkit-box;
							display: -ms-flexbox;
							display: flex;
						}
.ShiftEditPopup .ctl-group .schedule-ctn .schedules.customdays-customtimes{
					display: block;
				}
.ShiftEditPopup .radio-group{
		margin-top: 8px;
		height: 27px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
.ShiftEditPopup .radio-group > .ctl-label{
			line-height: 21px;
			padding-left: 0px;
			font-size: 12px;
			font-weight: 200;
			color: #999999;
			position: static;
		}
.ShiftEditPopup .radio-group .radio-ctn{
			height: 24px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			margin-left: 25px;
			padding-top: 1px;

		}
.ShiftEditPopup .radio-group .radio-ctn .radio{
				margin: 0;
				height: 14px;
				line-height: 20px;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				padding-left: 0;
			}
.ShiftEditPopup .radio-group .radio-ctn .radio:first-child{
					width:128px;
				}
.ShiftEditPopup .radio-group .radio-ctn .radio:nth-child(2){
					width:176px;
				}
.ShiftEditPopup .radio-group .radio-ctn .radio:last-child{
					width:112px;
				}
.ShiftEditPopup .radio-group .radio-ctn .radio .c-radio{
					float: left;
					margin-top: 2px;
				}
.ShiftEditPopup .radio-group .radio-ctn .radio .c-radio.disabled ~ .c-radio-text{
							color: #999999;
						}
.ShiftEditPopup .radio-group .radio-ctn .radio .c-radio-text{
					margin-top: 2px;
					font-size: 12px;
					font-weight: 200;
					color: #808285;
				}
.ShiftEditPopup .radio-group.schedule-radio-group{
			margin-top: 8px;
		}
.ShiftEditPopup .radio-group.schedule-radio-group:before,
	.ShiftEditPopup .radio-group.schedule-radio-group:after {
		content: " ";
		display: table;
	}
.ShiftEditPopup .radio-group.schedule-radio-group:after {
		clear: both;
	}
.ShiftEditPopup .radio-group.schedule-radio-group > .ctl-label{
				padding-left: 8px;
				color: #808285;
			}
.ShiftEditPopup .radio-group.schedule-radio-group .radio-ctn{
				margin-left: 8px;
			}
.ShiftEditPopup .radio-group.schedule-radio-group .radio-ctn .radio{
					margin-right: 0px;
				}
.ShiftEditPopup .radio-group.schedule-radio-group .radio-ctn .radio .c-radio-text{
						font-size: 12px;
						letter-spacing: .3px;
					}
.ShiftEditPopup .radio-group.schedule-radio-group:first-child .radio-ctn{
					margin-left: 15px;
				}
.ShiftEditPopup .radio-group.days-group{
			height: 32px;
		}
.ShiftEditPopup .delete-shift{
		width: 450px;
		margin-left: -225px;
	}
.ShiftEditPopup .delete-shift.delete{
			width: 592px;
			margin-left: -296px;
		}
.ShiftEditPopup .delete-shift .content div{
			height: 16px;
			line-height: 16px;
			margin-bottom: 4px;
		}
.ShiftEditPopup-parent .popup-modal .popup-footer{
		margin-top: 16px;
	}
.phone-mode .ShiftEditPopup{
		width: 280px;
		margin: auto;

	}
.phone-mode .ShiftEditPopup .pc-text{
			display: none;
		}
.phone-mode .ShiftEditPopup .shift-header{
			margin-top: 16px;
			padding: 1px 16px 1px 16px;
			-webkit-box-shadow: 0px 1px 3px 0px rgba(65, 65, 65, .24), 0px 1px 2px 0px rgba(65, 65, 65, .48);
			        box-shadow: 0px 1px 3px 0px rgba(65, 65, 65, .24), 0px 1px 2px 0px rgba(65, 65, 65, .48);
		}
.phone-mode .ShiftEditPopup .shift-header .description-group textarea{
					height: 40px;
				}
.phone-mode .ShiftEditPopup .radio-group{
			height: 112px;
			margin-top: 12px;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
		}
.phone-mode .ShiftEditPopup .radio-group .ctl-label{
				color: #006BB2;
				font-size: 16px;
			}
.phone-mode .ShiftEditPopup .radio-group .radio-ctn{
				-webkit-box-shadow: 0px 1px 3px 0px rgba(65, 65, 65, .24), 0px 1px 2px 0px rgba(65, 65, 65, .48);
				        box-shadow: 0px 1px 3px 0px rgba(65, 65, 65, .24), 0px 1px 2px 0px rgba(65, 65, 65, .48);
				margin-left: 0;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				height: auto;
				padding-left: 64px;
				margin-top: 4px;
			}
.phone-mode .ShiftEditPopup .radio-group .radio-ctn .radio{
					height: 32px;
				}
.phone-mode .ShiftEditPopup .schedule-group .ctl-label{
				color: #006BB2;
				font-size: 16px;
				margin-top: 8px;
			}
.phone-mode .ShiftEditPopup .schedule-group .radio-group{
				height: 96px;
				-webkit-box-orient: horizontal;
				-webkit-box-direction: normal;
				    -ms-flex-direction: row;
				        flex-direction: row;
				-webkit-box-shadow: 0px 1px 3px 0px rgba(65, 65, 65, .24), 0px 1px 2px 0px rgba(65, 65, 65, .48);
				        box-shadow: 0px 1px 3px 0px rgba(65, 65, 65, .24), 0px 1px 2px 0px rgba(65, 65, 65, .48);
				margin: 8px;
			}
.phone-mode .ShiftEditPopup .schedule-group .radio-group .ctl-label{
					width: 56px;
					font-size: 14px;
				}
.phone-mode .ShiftEditPopup .schedule-group .radio-group .radio-ctn{
					padding-left: 0px;
					margin-left: 0px;
					margin-top: 0px;
					-webkit-box-shadow: none;
					        box-shadow: none;
				}
.phone-mode .ShiftEditPopup .schedule-group .schedules .schedule{
					padding-left: 8px;
					-ms-flex-wrap: wrap;
					    flex-wrap: wrap;
					height: auto;
				}
.phone-mode .ShiftEditPopup .schedule-group .schedules .schedule .ctl-label{
						font-size: 12px;
						margin-top: 0px;
					}
.phone-mode .ShiftEditPopup .schedule-group .schedules .schedule .checkbox{
						margin-bottom: 0px;
					}
.phone-mode .ShiftEditPopup .schedule-group .schedules .schedule .times-groups{
						margin-top: 8px;
					}
.phone-mode .ShiftEditPopup .schedule-group .schedules.customtimes .schedule{
						padding-left: 14px;
					}
.phone-mode .ShiftEditPopup-parent .popup-modal{
			border: 2px solid #2477ba;
		}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.ShiftScreen{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	padding-right: 16px;
}
.phone-mode .ShiftScreen{
		padding: 0;
	}
.phone-mode .ShiftScreen .nav-main{
			margin: 0;
		}
.phone-mode .ShiftScreen .nav-sec-header{
			display: none;
		}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.ShiftsView{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.ShiftsView .action-clear-filter{
		text-decoration: underline;
		font-weight: 200;
		font-size: 12px;
		cursor: pointer;
	}
.ShiftsView .action-clear-filter.active{
			background-color: transparent;
		}
.ShiftsView .side-panel .c-check.checked:before{
					font-size: 16px;
					top:2px;
					left: 2px;
				}
.ShiftsView .c-modal.help{
		top: 40px;
	}
.phone-mode .ShiftsView .btn-add{
			padding: 3px 12px;
		}
.phone-mode .ShiftsView .shift-item{
			margin: 0 8px;
			padding: 8px;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			border-bottom: 1px solid #DDDDDD;
			-webkit-box-flex: 0;
			    -ms-flex: none;
			        flex: none;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			font-size: 13px;
		}
.phone-mode .ShiftsView .shift-item .shift-name{
				color: #006BB2;
				font-weight: 600;
				font-size: 14px;
				margin-top: 4px;
				cursor: pointer;
			}
.phone-mode .ShiftsView .shift-item .shift-type{
				color: #999999;
				margin-left: 8px;
				margin-top: 4px;
			}
.phone-mode .ShiftsView .shift-item .shift-area{
				display: none;
				color: #999999;
				margin-left: 8px;
				margin-top: 4px;
			}
.phone-mode .ShiftsView .shift-item .shift-day{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				margin-top: 4px;
			}
.phone-mode .ShiftsView .shift-item .shift-day .name{
					width: 40px;
					text-align: right;
					color: #555555;
				}
.phone-mode .ShiftsView .shift-item .shift-day .value{
					color: #999999;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					margin-left: 8px;
				}
.phone-mode .ShiftsView .shift-item .shift-day .value .line{
						margin: 0 4px;
					}
.phone-mode .ShiftsView .shift-item .shift-day .value .icon{
						margin: 0 4px;
					}
.phone-mode .ShiftsView.show-area .shift-item .shift-area{
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
				}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.TenantIntegratorScreen{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.TenantScheduleReportsSetting{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
.TenantScheduleReportsSetting-screen.noevents{
			pointer-events: none;
		}
.TenantScheduleReportsSetting .button-con{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
.TenantScheduleReportsSetting .button-con .btn{
			width: 128px;
			margin-left: 16px;
		}
.TenantScheduleReportsSetting .header-panel .p-rt{
			width: 320px;
		}
.TenantScheduleReportsSetting .side-panel{
		-webkit-box-shadow: none;
		        box-shadow: none;
		border: none;
	}
.TenantScheduleReportsSetting .search-ctl{
		width: auto;
		margin: 0 16px;
	}
.TenantScheduleReportsSetting .p-sec{
		min-height: unset!important;
	}
.TenantScheduleReportsSetting .p-sec.active{
			background-color: transparent;
		}
.TenantScheduleReportsSetting .time-ctl{
		padding: 0px 8px 16px 8px;
	}
.TenantScheduleReportsSetting .time-ctl .ctl-label{
			display: none;
		}
.TenantScheduleReportsSetting .time-ctl .input-con{
			background-color: white;
		}
.TenantScheduleReportsSetting .toggle-deactivate, .TenantScheduleReportsSetting .toggle-no-email{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		height: 32px;
		color: #006BB2;
		cursor: pointer;
	}
.TenantScheduleReportsSetting .detail-item .c-check-text{
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			min-width: 0;
		}
.TenantScheduleReportsSetting .detail-item .c-check-text .name{
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
			}
.TenantScheduleReportsSetting .detail-item[data-type='Group'] .name,.TenantScheduleReportsSetting .detail-item[data-type='List'] .name{
				color: #006BB2;
				cursor: pointer;
			}
.TenantScheduleReportsSetting .setting-ctn{
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		
	}
.TenantScheduleReportsSetting .setting-ctn .setting-body{
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
		}
.TenantScheduleReportsSetting .setting-ctn .setting-body .relation-ctn{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
			}
.TenantScheduleReportsSetting .setting-ctn .setting-body .relation-ctn-body{
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-flex: 1;
					    -ms-flex: 1;
					        flex: 1;
				}
.TenantScheduleReportsSetting .setting-ctn .setting-body .relation-ctn-body .section{
						-webkit-box-flex: 1;
						    -ms-flex: 1;
						        flex: 1;
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						width: 0;
						-webkit-box-orient: vertical;
						-webkit-box-direction: normal;
						    -ms-flex-direction: column;
						        flex-direction: column;
					}
.TenantScheduleReportsSetting .setting-ctn .setting-body .relation-ctn-body .section .types-combo-con{
							padding: 24px 8px 16px 8px;
							border-bottom: 1px solid #DDDDDD;
						}
.TenantScheduleReportsSetting .setting-ctn .setting-body .relation-ctn-body .section .side-panel{
							border-right: 1px solid #DDDDDD;
						}
.TenantScheduleReportsSetting .setting-ctn .setting-body .relation-ctn-body .section .wrap-section{
							-webkit-box-flex:1;
							    -ms-flex:1;
							        flex:1;
							display: -webkit-box;
							display: -ms-flexbox;
							display: flex;
							-webkit-box-orient: vertical;
							-webkit-box-direction: normal;
							    -ms-flex-direction: column;
							        flex-direction: column;
						}
.TenantScheduleReportsSetting .setting-ctn .setting-body .relation-ctn-body .section .wrap-section .report-part{
								-webkit-box-flex: 1;
								    -ms-flex: 1;
								        flex: 1;
								display: -webkit-box;
								display: -ms-flexbox;
								display: flex;
								-webkit-box-orient: vertical;
								-webkit-box-direction: normal;
								    -ms-flex-direction: column;
								        flex-direction: column;
								display: none;
								width: auto;
							}
.TenantScheduleReportsSetting .setting-ctn .setting-body .relation-ctn-body .section .wrap-section .report-part.active{
									display: -webkit-box;
									display: -ms-flexbox;
									display: flex;
								}
.TenantScheduleReportsSetting .setting-ctn .setting-body .relation-ctn-body .section .wrap-section .report-part-body{
									-webkit-box-flex: 1;
									    -ms-flex: 1;
									        flex: 1;
									display: -webkit-box;
									display: -ms-flexbox;
									display: flex;
									-webkit-box-orient: vertical;
									-webkit-box-direction: normal;
									    -ms-flex-direction: column;
									        flex-direction: column;
								}
.TenantScheduleReportsSetting .setting-ctn .setting-body .relation-ctn-body .section .timezone-group{
							padding: 0px 8px 16px 8px;
						}
.TenantScheduleReportsSetting .setting-ctn .setting-body .relation-ctn-body .section .timezone-group .dropdown-control{
								background-color: white;
							}
.TenantScheduleReportsSetting .setting-ctn .setting-body .relation-ctn-body .section.users-section{
							margin-top: 64px;
							border-top: 1px solid #DDDDDD;
							border-right: 1px solid #DDDDDD;
						}
.TenantScheduleReportsSetting .setting-ctn .setting-body .relation-ctn-body .section.users-section .p-sec:last-child{
								border-bottom: none;
							}
.TenantScheduleReportsSetting .setting-ctn .setting-body .relation-ctn-body .section.time-section{
							margin-top: 64px;
							border-top: 1px solid #DDDDDD;
							border-right: 1px solid #DDDDDD;
						}
.TenantScheduleReportsSetting .setting-ctn .setting-body .relation-ctn-body .section.time-section .p-sec:last-child{
								border-bottom: none;
							}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.TenantSelection{
	min-width: 304px;
	height: 184px;
	position: absolute;
	left:50%;
	top: 50%;
	margin-left: -152px;
	margin-top: -92px;
	font-size: 12px;
}
.TenantSelection .TenantSelection-modal {
		border-radius: 0;
		border: none;
	}
.TenantSelection .TenantSelection-modal .TenantSelection-header {
			padding: 0;
			cursor: pointer;
			border: none;
			background: #006BB2;
			position: relative;
			z-index: 2;
			height: 56px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
		}
.TenantSelection .TenantSelection-modal .TenantSelection-header .modal-title {
				max-width: 95%;
				font-family: "Oswald";
				font-weight: 600;
				color: #001C49;
				font-size: 14px;
				font-size: 15px;
				color: white;
				margin-left: 16px;
			}
.TenantSelection .TenantSelection-modal .modal-body{
			padding: 0 16px 16px 16px;
		}
.TenantSelection .TenantSelection-modal .ctl-group{
			margin-top: 16px;
			height: 32px;
		}
.TenantSelection .TenantSelection-modal .ctl{
			float: left;
			width: 100%;
		}
.TenantSelection .TenantSelection-modal .alert{
			font-size: @font-size-smaller;
		}
.TenantSelection-footer{
		margin: 0px 16px;
		padding: 16px 0;
		height: 56px;
		border-top: 1px solid #DDDDDD;
		background: white;
		position: relative;
		z-index: 2;
		border-radius: 0;
	}
.TenantSelection-footer .btn{
			position: relative;
			height: 24px;
			line-height: 16px;
			min-width: 80px;
			display: inline-block;
		}

/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.TenantSettingScreen{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	padding-right: 16px;
}
.phone-mode .TenantSettingScreen{
		padding: 0;
	}
.phone-mode .TenantSettingScreen .nav-main{
			margin: 0;
		}
.phone-mode .TenantSettingScreen .nav-sec-header{
			display: none;
		}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.TenantUsersView{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
.TenantUsersView .c-panel{
		margin-right: 16px;
	}
.TenantUsersView .tenant-title{
		max-width: 176px;
	}
.TenantUsersView .header-panel .p-rt{
			width: auto;
		}
.TenantUsersView .header-panel .p-rt .btn{
				margin-left: 16px;
			}
.TenantUsersView .main-con .status-bar{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			height: 56px;
			-webkit-box-pack: justify;
			    -ms-flex-pack: justify;
			        justify-content: space-between;
			border-bottom: 1px solid #DDDDDD;
		}
.TenantUsersView .main-con .status-bar .left-status{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				margin-left: 24px;
				font-family: "Oswald";
				font-weight: 600;
				color: #001C49;
				font-size: 14px;
			}
.TenantUsersView .main-con .status-bar .right-status{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				margin-right: 8px;
			}
.TenantUsersView .main-con .status-bar .right-status .btn{
					margin-right: 16px;
				}
.TenantUsersView .main-con .table-ctn{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-flex:1;
			    -ms-flex:1;
			        flex:1;
		}
.TenantUsersView .main-con .table-ctn .table .td.rowselect .toggle-icon{
							margin-left: 12px;
						}
.TenantUsersView .delete-tenant-modal{
		width: auto;
		min-width: 300px;
	}
.TenantUsersView .delete-tenant-modal .ctl-group {
			margin: 0px 16px 16px 16px;
		}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.TenantsView{
	-webkit-box-flex:1;
	    -ms-flex:1;
	        flex:1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.TenantsView .arrow{
		fill: #006BB2;
		position: absolute;
		top: 28px;
		cursor: pointer;
	}
.TenantsView .arrow-left{
			left: 0px;
		}
.TenantsView .arrow-right{
			right: 0px;
		}
.TenantsView .wrap-menu{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		position: relative;
		white-space: nowrap;
		text-align: left;
	}
.TenantsView .nav-menu{
		overflow:hidden;
		display: block;
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		width: 0;
	}
.TenantsView .nav-menu.fixed-width{
			margin-left: 32px;
			margin-right: 32px;
		}
.TenantsView .nav-menu li{
			display: inline-block;
			line-height: 75px;
		}
.TenantsView .nav-menu li.active{
				border-width: 3px;
			}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.TestAUX .btn-ready{
		display: none;
		position: relative;
		top: 8px;
		margin-left: 8px;
	}
.TestAUX .item-body{
		height: 16px;
	}
.TestAUX.expand .btn-ready{
			display: inline-block;
			width: 80px;
		}
.TestAUX.doing.expand .btn-ready{
				display: none;
			}
.TestAUX.doing .status-text.doing{
			font-size: 12px;
			color: #555555;
			letter-spacing: 1px;
			line-height: 16px;
			padding-bottom: 8px;
			padding-left: 8px;
		}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.TestBadge .btn-ready{
		display: none;
		position: relative;
		top: 8px;
		margin-left: 8px;
	}
.TestBadge .item-header .header-info{
		margin-right: 16px;
	}
.TestBadge .item-body{
		height: 16px;
	}
.TestBadge.expand .btn-ready{
			display: inline-block;
			width: 80px;
		}
.TestBadge.doing.expand .btn-ready{
				display: none;
			}
.TestBadge.doing .status-text.doing{
			font-size: 12px;
			color: #555555;
			letter-spacing: 1px;
			line-height: 16px;
			padding-bottom: 8px;
			padding-left: 8px;
		}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.TestDoorSense .item-body .buttons-con .btn{
				width: 56px;
				height: 40px;
				border-radius: 12px;
				display: -webkit-inline-box;
				display: -ms-inline-flexbox;
				display: inline-flex;
			}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.TestLockEdk .config-title{
		font-size: 12px;
		color: #555555;
		letter-spacing: 1px;
		line-height: 16px;
	}
.TestLockEdk .config-content{
		padding: 8px;
	}
.TestLockEdk .config-content:before,
	.TestLockEdk .config-content:after {
		content: " ";
		display: table;
	}
.TestLockEdk .config-content:after {
		clear: both;
	}
.TestLockEdk .config-content .config-option{
			float:left;
			margin-right: 32px;
		}
.TestLockEdk .config-content .c-radio{
			float: left;
		}
.TestLockEdk .config-content .c-radio.disabled .icon{
					fill: #C0C0C0;
				}
.TestLockEdk .config-content .c-radio.checked ~ .c-radio-text{
					color: #333333;
				}
.TestLockEdk .config-content .c-radio-text{
			font-size: 12px;
			color: #999999;
			letter-spacing: 1px;
		}
.TestLockEdk > .item-body .status-item{
			width: auto;
			display: none;
		}
.TestLockEdk > .item-body .status-item:before,
	.TestLockEdk > .item-body .status-item:after {
		content: " ";
		display: table;
	}
.TestLockEdk > .item-body .status-item:after {
		clear: both;
	}
.TestLockEdk > .item-body .status-item .btn-repeat-test{
				float:right;
				padding:0px;
				width: 80px;
				text-align: center;
				margin: 7px 16px;
				font-size: 12px;
				display: none;
			}
.TestLockEdk > .item-body .status-item .sub-title{
				display: inline-block;
				font-size: 12px;
				letter-spacing: 1px;
				color: #555555;
			}
.TestLockEdk > .item-body .status-item .status-item-flag{
				display: none;
				margin-left: 16px;
				font-size: 12px;
				letter-spacing: 1px;
				margin-left: 8px;
			}
.TestLockEdk > .item-body .status-item .status-item-flag.success{
					color: #72B864;
				}
.TestLockEdk > .item-body .status-item .status-item-flag.fail{
					color: #DA4F4A;
				}
.TestLockEdk > .item-body .status-item .status-text.doing{
				font-size: 12px;
				color: #555555;
				letter-spacing: 1px;
				line-height: 16px;
				padding-bottom: 8px;
				padding-left: 8px;
			}
.TestLockEdk > .item-body .status-item .confirming-title{
				font-size: 12px;
				color: #555555;
				letter-spacing: 1px;
				padding-left: 8px;
				line-height: 16px;
				padding-bottom: 8px;
			}
.TestLockEdk > .item-body .status-item .confirming-buttons:before,
	.TestLockEdk > .item-body .status-item .confirming-buttons:after {
		content: " ";
		display: table;
	}
.TestLockEdk > .item-body .status-item .confirming-buttons:after {
		clear: both;
	}
.TestLockEdk > .item-body .status-item .confirming-buttons .btn{
					float: right;
					height: 32px;
					min-width: 64px;
				}
.TestLockEdk > .item-body .status-item .confirming-buttons .btn.btn-confirm-no{
						margin-right: 16px;
					}
.TestLockEdk > .item-body .status-item .confirming-buttons .btn.btn-repeat-test{
						margin-top: 0px;
						margin-right: 8px;
					}
.TestLockEdk > .item-body .status-item .sub-items .sub-item{
					display: none;
				}
.TestLockEdk > .item-body .status-item .sub-items .sub-item .confirming{
						display: none;
					}
.TestLockEdk > .item-body .status-item.doing{
				display: block;
			}
.TestLockEdk > .item-body .status-item.doing .sub-items .sub-item.doing{
							display: block;
						}
.TestLockEdk > .item-body .status-item.doing .sub-items .sub-item.confirming{
							display: block;
						}
.TestLockEdk > .item-body .status-item.doing .sub-items .sub-item.confirming .confirming{
								display: block;
							}
.TestLockEdk > .item-body .status-item.doing .sub-items .sub-item.confirming .doing{
								display: none;
							}
.TestLockEdk > .item-body .status-item.doing .sub-items .sub-item.confirming .btn-repeat-test{
								display: block;
							}
.TestLockEdk > .item-body .status-item.done{
				display: block;
			}
.TestLockEdk > .item-body .status-item.done .btn-repeat-test{
					display: block;
				}
.TestLockEdk > .item-body .status-item.done .status-item-flag{
					display: inline-block;
				}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.TestLockLatch > .item-body .status-item{
			width: auto;
			display: none;
		}
.TestLockLatch > .item-body .status-item:before,
	.TestLockLatch > .item-body .status-item:after {
		content: " ";
		display: table;
	}
.TestLockLatch > .item-body .status-item:after {
		clear: both;
	}
.TestLockLatch > .item-body .status-item .btn-repeat-test{
				float:right;
				padding:0px;
				width: 80px;
				text-align: center;
				margin: 7px 16px;
				font-size: 12px;
				display: none;
			}
.TestLockLatch > .item-body .status-item .sub-title{
				display: inline-block;
				font-size: 12px;
				letter-spacing: 1px;
				color: #555555;
			}
.TestLockLatch > .item-body .status-item .status-item-flag{
				display: none;
				margin-left: 16px;
				font-size: 12px;
				letter-spacing: 1px;
				margin-left: 8px;
			}
.TestLockLatch > .item-body .status-item .status-item-flag.success{
					color: #72B864;
				}
.TestLockLatch > .item-body .status-item .status-item-flag.fail{
					color: #DA4F4A;
				}
.TestLockLatch > .item-body .status-item .status-text.doing{
				font-size: 12px;
				color: #555555;
				letter-spacing: 1px;
				line-height: 16px;
				padding-bottom: 8px;
				padding-left: 8px;
			}
.TestLockLatch > .item-body .status-item .confirming-title{
				font-size: 12px;
				color: #555555;
				letter-spacing: 1px;
				padding-left: 8px;
				line-height: 16px;
				padding-bottom: 8px;
			}
.TestLockLatch > .item-body .status-item .confirming-buttons:before,
	.TestLockLatch > .item-body .status-item .confirming-buttons:after {
		content: " ";
		display: table;
	}
.TestLockLatch > .item-body .status-item .confirming-buttons:after {
		clear: both;
	}
.TestLockLatch > .item-body .status-item .confirming-buttons .btn{
					float: right;
					height: 32px;
					min-width: 64px;
				}
.TestLockLatch > .item-body .status-item .confirming-buttons .btn.btn-confirm-no{
						margin-right: 16px;
					}
.TestLockLatch > .item-body .status-item .confirming-buttons .btn.btn-repeat-test{
						margin-top: 0px;
						margin-right: 8px;
					}
.TestLockLatch > .item-body .status-item .sub-items .sub-item{
					display: none;
				}
.TestLockLatch > .item-body .status-item .sub-items .sub-item .confirming{
						display: none;
					}
.TestLockLatch > .item-body .status-item.doing{
				display: block;
			}
.TestLockLatch > .item-body .status-item.doing .sub-items .sub-item.doing{
							display: block;
						}
.TestLockLatch > .item-body .status-item.doing .sub-items .sub-item.confirming{
							display: block;
						}
.TestLockLatch > .item-body .status-item.doing .sub-items .sub-item.confirming .confirming{
								display: block;
							}
.TestLockLatch > .item-body .status-item.doing .sub-items .sub-item.confirming .doing{
								display: none;
							}
.TestLockLatch > .item-body .status-item.doing .sub-items .sub-item.confirming .btn-repeat-test{
								display: block;
							}
.TestLockLatch > .item-body .status-item.done{
				display: block;
			}
.TestLockLatch > .item-body .status-item.done .btn-repeat-test{
					display: block;
				}
.TestLockLatch > .item-body .status-item.done .status-item-flag{
					display: inline-block;
				}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.TestREX .btn-ready{
		display: none;
		position: relative;
		top: 8px;
		margin-left: 8px;
	}
.TestREX .item-body{
		height: 16px;
	}
.TestREX.expand .btn-ready{
			display: inline-block;
			width: 80px;
		}
.TestREX.doing.expand .btn-ready{
				display: none;
			}
.TestREX.doing .status-text.doing{
			font-size: 12px;
			color: #555555;
			letter-spacing: 1px;
			line-height: 16px;
			padding-bottom: 8px;
			padding-left: 8px;
		}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.UserChangePasswordPopup{
	width: 256px;
}

/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.UserCreatePasswordPopup{
	width: 272px;
}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.phone-mode .UserCredentialsSelectView .control-panel .control-header .special-props-con .ctl-group:first-child{
						margin-left: 0;
					}
.UserCredentialsSelectView{
	width: 605px;
}
.UserCredentialsSelectView .ctl-group{
		margin-top: 0;
	}
.UserCredentialsSelectView .control-panel .control-header{
			background: #231f20;
			margin-left: -16px;
			margin-right: -16px;
            padding-left: 16px;
            padding-right: 16px;
		}
.UserCredentialsSelectView .control-panel .control-header .dropdown-con .dropdown-toggle{
					cursor: pointer;
					color: #fff;
					font-size: 12px;
					height: 32px;
				}
.UserCredentialsSelectView .control-panel .control-header .dropdown-con .dropdown-toggle .icon{
						margin-right: 8px;
						margin-left: 1px;
						width: 20px;
						height: 20px;
						fill: white;
					}
.UserCredentialsSelectView .control-panel .control-header .dropdown-con .dropdown-toggle .icon-con .icon{
							width: 16px;
							height: 16px;
						}
.UserCredentialsSelectView .control-panel .control-header .dropdown-con .dropdown-toggle .display-name{
						font-size: 15px;
						color: white;
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-align: center;
						    -ms-flex-align: center;
						        align-items: center;
						margin-right: 6px;
					}
.UserCredentialsSelectView .control-panel .control-header .dropdown-con .dropdown-menu{
					white-space: nowrap;
					text-align: left;
					overflow: hidden;
					position: absolute;
					left: -8px;
					top: 32px;
					border-radius: 0;
					padding: 8px 0;
					width: 160px;
					min-width: 128px;
				}
.UserCredentialsSelectView .control-panel .control-header .dropdown-con .dropdown-menu li{
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-align: center;
						    -ms-flex-align: center;
						        align-items: center;
						font-size: 15px;
						height: 32px;
						line-height: 32px;
						cursor: pointer;
						margin-top: 8px;
						padding: 0 8px;
						color: #555555;
					}
.UserCredentialsSelectView .control-panel .control-header .dropdown-con .dropdown-menu li .icon{
							margin-right: 8px;
							width: 20px;
							height: 20px;
						}
.UserCredentialsSelectView .control-panel .control-header .dropdown-con .dropdown-menu li:first-child{
							margin-top: 0;
						}
.UserCredentialsSelectView .control-panel .control-header .dropdown-con .dropdown-menu li:hover{
							background-color: #F1F7FB;
						}
.UserCredentialsSelectView .control-panel .control-header .dropdown-con .dropdown-menu li.active{
							background-color: #F1F7FB;
						}
.UserCredentialsSelectView .control-panel .control-header .dropdown-con.show-dropdown .dropdown-menu{
						display: block;
					}
.UserCredentialsSelectView .control-panel .control-header .dropdown-con.disable .dropdown-toggle{
						cursor: default;
					}
.UserCredentialsSelectView .control-panel .control-header .dropdown-con.disable .dropdown-toggle .caret{
							display: none;
						}
.UserCredentialsSelectView .control-panel .control-header .dropdown-con.disable .dropdown-menu{
						display: none;
					}
.UserCredentialsSelectView .control-panel .control-header .special-props{
				line-height: 16px;
			}
.UserCredentialsSelectView .control-panel .control-header .special-props .c-check .icon{
						fill: #999999;
					}
.UserCredentialsSelectView .control-panel .control-header .special-props .c-check.checked + .c-check-text{
							color: white;
						}
.UserCredentialsSelectView .control-panel .control-header .special-props .c-check.checked .icon{
							fill: white;
						}
.UserCredentialsSelectView .control-panel .control-header .special-props-con .c-check .icon{
						fill: #999999;
					}
.UserCredentialsSelectView .control-panel .control-header .special-props-con .c-check.checked + .c-check-text{
							color: white;
						}
.UserCredentialsSelectView .control-panel .control-header .special-props-con .c-check.checked .icon{
							fill: white;
						}
.UserCredentialsSelectView .control-panel .control-header .special-props-con .ctl-group{
					display: none;
					margin-left: 8px;
					padding-top: 0;
					margin-top: 0;
				}
.UserCredentialsSelectView .control-panel .control-header .special-props-con .ctl-group .c-check-text{
						display: block;
					}
.UserCredentialsSelectView .control-panel .control-header .special-props-con.expand .ctl-group{
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
					}
.UserCredentialsSelectView .control-panel .tab-content{
			margin-top: 10px;
		}
.UserCredentialsSelectView .control-panel .tab-content .i-clear{
				top: 14px;
				right: 16px;
			}
.UserCredentialsSelectView .control-panel .tab-content .tab-panel .accesspoint-btn .read-btn{
						margin-left: 6px;
						width: 100%;
						height: 28px;
						line-height: 10px;
					}
.UserCredentialsSelectView .control-panel .tab-content .tab-panel .accesspoint-group{
					min-width: 200px;
				}
.UserCredentialsSelectView .control-panel .tab-content .tab-panel .auto-pin-group .auto-pin-btn{
						width: 100%;
						height: 28px;
						line-height: 10px;
						margin-left: 8px;
					}
.UserCredentialsSelectView .control-panel .tab-content .tab-panel .auto-pin-group label{
						font-size: 12px;
						font-weight: 200;
						color: #555555;
					}
.UserCredentialsSelectView .control-panel .tab-content .tab-panel .switch-ctn-label{
					height: 16px;
					font-weight: 200;
				}
.UserCredentialsSelectView .control-panel .tab-content .tab-panel .switch-ctn-label label{
						margin-top: 2px;
					}
.UserCredentialsSelectView .switch-panel{
		color: #333333;
	}
.UserCredentialsSelectView .switch-panel .switch-ctn .c-switch{
				margin-top: 13px;
				z-index: 1;
			}
.UserCredentialsSelectView .switch-panel .switch-ctn .switch-ctn-label label{
					margin-top: 2px;
				}
.UserCredentialsSelectView .switch-panel .switch-ctn .count-limit-group{
				margin-top: 6px;
			}
.UserCredentialsSelectView .switch-panel .switch-ctn .count-limit-group label{
					font-weight: 200;
				}
.UserCredentialsSelectView .switch-panel .switch-ctn .count-limit-group input{
					height: 24px;
					letter-spacing: 1.08px;
					font-size: 12px;
				}
.UserCredentialsSelectView .switch-panel .switch-ctn .count-limit-group .i-clear{
					top: 12px;
				}
.UserCredentialsSelectView .switch-panel .switch-ctn .two-factor-group{
				margin-top: 6px;
			}
.UserCredentialsSelectView .switch-panel .switch-ctn .two-factor-group label{
					font-weight: 200;
				}
.UserCredentialsSelectView .switch-panel .switch-ctn .two-factor-group input{
					height: 24px;
					font-size: 12px;
				}
.UserCredentialsSelectView .switch-panel .switch-ctn .two-factor-group .i-clear{
					top: 12px;
				}
.UserCredentialsSelectView .switch-panel .switch-ctn .two-factor-group .i-pin-toggle{
					position: absolute;
					top: 12px;
					right: -20px;
					width: 16px;
					height: 16px;
					cursor: pointer;
					background-color: transparent;
				}
.UserCredentialsSelectView .switch-panel .switch-ctn .two-factor-group .i-pin-toggle .icon{
						fill: #C0C0C0;
						width: 100%;
						height: 100%;
					}
.UserCredentialsSelectView .switch-panel .switch-ctn .two-factor-group .i-pin-toggle.active .icon{
							fill: #555555;
						}
.UserCredentialsSelectView .switch-panel .switch-ctn .time-limit-group{
				margin-top: 0;
			}
.UserCredentialsSelectView .switch-panel .switch-ctn .time-limit-group .line-con:first-child{
					margin-bottom: 16px;
				}
.UserCredentialsSelectView .switch-panel .switch-ctn .time-limit-group .date-ctl{
					width: 208px;
					margin-right: 16px;
					margin-top: 8px;
					margin-bottom: 0;
				}
.UserCredentialsSelectView .switch-panel .switch-ctn .time-limit-group .time-ctl{
					width: 208px;
					margin-top: 16px;
					margin-bottom: 0;
				}
.UserCredentialsSelectView .switch-panel .switch-ctn .time-limit-group .time-ctl .TimeSelect .dropdown{
							height: 128px;
						}
.UserCredentialsSelectView .c-switch{
		margin-right: 8px;
	}
.UserCredentialsSelectView .switch-ctn-label{
		font-size: 12px;
		margin-top: 8px;
		color: #555555;
		font-weight: 200;
	}
.UserCredentialsSelectView .switch-ctn-label.sel{
			color: #333333;
		}
.UserCredentialsSelectView.view-mode .ctl-value{
			font-weight: 300;
			color: #333333;
			padding-left: 8px;
		}
.phone-mode .UserCredentialsSelectView{
		width: 100%;
	}

/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.UserInfoEditView{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.UserInfoEditView-screen.noevents{
			pointer-events: none;
		}
.UserInfoEditView-content{
		position: relative;
		z-index: 1;
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;

	}
.UserInfoEditView-content .head-ctn{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			margin: 16px;
		}
.UserInfoEditView-content .head-ctn .behind-pic{
				height: 72px;
				width: 72px;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
			}
.UserInfoEditView-content .head-ctn .behind-pic .pic{
					-webkit-box-flex:1;
					    -ms-flex:1;
					        flex:1;
					-webkit-box-pack: center;
					    -ms-flex-pack: center;
					        justify-content: center;
					-webkit-box-align: center;
					    -ms-flex-align: center;
					        align-items: center;
					border: solid 1px #CECECE;
					border-radius: 72px;
					cursor: pointer;
					overflow: hidden;
				}
.UserInfoEditView-content .head-ctn .behind-pic.changed{
					background: #F1F7FB;
				}
.UserInfoEditView-content .head-ctn-header{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				height: 72px;
				width: 100%;
			}
.UserInfoEditView-content .head-ctn-header .title{
					-webkit-box-flex: 1;
					    -ms-flex: 1;
					        flex: 1;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-align: center;
					    -ms-flex-align: center;
					        align-items: center;
					margin-left: 32px;
					font-size: 15px;
				}
.UserInfoEditView-content .head-ctn-header .button-con{
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-align: center;
					    -ms-flex-align: center;
					        align-items: center;
					-webkit-box-pack: end;
					    -ms-flex-pack: end;
					        justify-content: flex-end;
				}
.UserInfoEditView-content .head-ctn-header .button-con .save-btns{
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-flex: 0;
						    -ms-flex: none;
						        flex: none;
					}
.UserInfoEditView-content .head-ctn-header .button-con .btn{
						margin-right: 16px;
					}
.UserInfoEditView-content .head-ctn-header .progress-ctn{
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					width: 384px;
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					    -ms-flex-direction: column;
					        flex-direction: column;
					height: 100%;
					background-color: #999;
					color: white;
					font-size: 13px;
					padding: 8px 0;
				}
.UserInfoEditView-content .head-ctn-header .progress-ctn .progress-info{
						-webkit-box-flex: 1;
						    -ms-flex: 1;
						        flex: 1;
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-align: center;
						    -ms-flex-align: center;
						        align-items: center;
						padding-left: 16px;
					}
.UserInfoEditView-content .head-ctn-header .progress-ctn .progress-box-ctn{
						-webkit-box-flex: 1;
						    -ms-flex: 1;
						        flex: 1;
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-align: center;
						    -ms-flex-align: center;
						        align-items: center;
					}
.UserInfoEditView-content .head-ctn-header .progress-ctn .progress-box-ctn .progress-box{
							display: -webkit-box;
							display: -ms-flexbox;
							display: flex;
							-webkit-box-align: center;
							    -ms-flex-align: center;
							        align-items: center;
						}
.UserInfoEditView-content .head-ctn-header .progress-ctn .progress-box-ctn .progress-box .icon-con{
								margin-left: 16px;
								margin-right: 8px;
							}
.UserInfoEditView-content .head-ctn-header .progress-ctn .progress-box-ctn .progress-box .icon-con .icon{
									position: relative;
								}
.UserInfoEditView-content .head-ctn-header .progress-ctn .progress-box-ctn .progress-box .icon-con .icon svg{
										position: relative;
										z-index: 2;
									}
.UserInfoEditView-content .head-ctn-header .progress-ctn .progress-box-ctn .progress-box .icon-con .icon.i-success:before{
										content: " ";
										border-radius: 16px;
										position: absolute;
										left: 4px;
										top: 4px;
										bottom: 4px;
										right: 4px;
										background: white;
										z-index: 1;
									}
.UserInfoEditView-content .head-ctn-header .progress-ctn .progress-remove{
						position: absolute;
						right: 18px;
						top: 18px;
					}
.UserInfoEditView-content .head-ctn .info-edit-ctn{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				margin-top: 16px;
			}
.UserInfoEditView-content .head-ctn .basic-info{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: horizontal;
				-webkit-box-direction: normal;
				    -ms-flex-direction: row;
				        flex-direction: row;

				background: white;
                -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
                        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
                color: #555555;
				-webkit-box-pack: start;
				    -ms-flex-pack: start;
				        justify-content: flex-start;

			}
.UserInfoEditView-content .head-ctn .basic-info .user-defined-fields {
					-ms-flex-wrap: wrap;
					    flex-wrap: wrap;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-orient: horizontal;
					-webkit-box-direction: normal;
					    -ms-flex-direction: row;
					        flex-direction: row;
					max-width: 1180px;
					-webkit-box-flex: 2;
					    -ms-flex: 2;
					        flex: 2;
				}
.UserInfoEditView-content .head-ctn .basic-info .user-defined-fields .info-item.ctl-group {
						margin-top: 16px;
					}
.UserInfoEditView-content .head-ctn .basic-info .info-item.ctl-group {
					margin: 16px 8px 0 8px;
				}
.UserInfoEditView-content .head-ctn .basic-info .basic-fields {
					-webkit-box-flex: 1;
					    -ms-flex: 1;
					        flex: 1;
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					    -ms-flex-direction: column;
					        flex-direction: column;
					margin: 0px;
					width: 60%;
					min-width: 600px;

				}
.UserInfoEditView-content .head-ctn .basic-info .basic-fields .info-row{
						min-width: 600px;
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-ms-flex-wrap: wrap;
						    flex-wrap: wrap;
					}
.UserInfoEditView-content .head-ctn .basic-info .basic-fields .ctl.changed{
							background-color: #F1F7FB;
						}
.UserInfoEditView-content .head-ctn .basic-info .basic-fields .dropdown-control.changed{
							background-color: #F1F7FB;
						}
.UserInfoEditView-content .head-ctn .basic-info .basic-fields .ctl-group{
						width: 176px;
						margin-left: 16px;
						margin-top: 16px;
					}
.UserInfoEditView-content .head-ctn .basic-info .basic-fields .ctl-group.mi-group{
							width: 104px;
						}
.UserInfoEditView-content .head-ctn .basic-info .basic-fields .ctl-group.notification-email-group{
							width: 280px;
						}
.UserInfoEditView-content .head-ctn .basic-info .basic-fields .ctl-group.area-group{
							width: 144px;
						}
.UserInfoEditView-content .head-ctn .basic-info .basic-fields .ctl-group.area-group .Combo{
								-webkit-box-flex: 1;
								    -ms-flex: 1;
								        flex: 1;
							}
.UserInfoEditView-content .head-ctn .basic-info .basic-fields .ctl-group.username-group{
							width: 280px;
						}
.UserInfoEditView-content .head-ctn .basic-info .basic-fields .ctl-group.session-group{
							width: 128px;
						}
.UserInfoEditView-content .head-ctn .basic-info .basic-fields .ctl-group.phone-number-group{
							width: 128px;
						}
.UserInfoEditView-content .head-ctn .basic-info .basic-fields .checkbox{
						padding-top: 16px;
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-align: center;
						    -ms-flex-align: center;
						        align-items: center;
					}
.UserInfoEditView-content .head-ctn .basic-info .basic-fields .checkbox.changed .c-check{
								background-color: #F1F7FB;
							}
.UserInfoEditView-content .head-ctn .basic-info .user-role-group{
					width: auto;
					-webkit-box-align: end;
					    -ms-flex-align: end;
					        align-items: flex-end;
					padding-top: 2px;
					-webkit-box-flex:1;
					    -ms-flex:1;
					        flex:1;
				}
.UserInfoEditView-content .head-ctn .basic-info .user-role-group .btn{
						margin: 0 16px 0 0;
					}
.UserInfoEditView-content .head-ctn .basic-info .user-role-group .role-val{
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-orient: vertical;
						-webkit-box-direction: normal;
						    -ms-flex-direction: column;
						        flex-direction: column;
					}
.UserInfoEditView-content .head-ctn .basic-info .user-role-group .role-val.warning{
							color: #DA4F4A;
						}
.UserInfoEditView-content .head-ctn .basic-info .user-role-group .role-val.warning .role-name{
								display: none;
							}
.UserInfoEditView-content .head-ctn .basic-info .web-access{
					-webkit-box-align: end;
					    -ms-flex-align: end;
					        align-items: flex-end;
				}
.UserInfoEditView-content .head-ctn .basic-info .web-access .it-box{
						margin-left:8px;
						margin-right: 8px;
					}
.UserInfoEditView-content .head-ctn .basic-info .web-access .username-group, .UserInfoEditView-content .head-ctn .basic-info .web-access .user-role-group, .UserInfoEditView-content .head-ctn .basic-info .web-access .session-group, .UserInfoEditView-content .head-ctn .basic-info .web-access .phone-number-group, .UserInfoEditView-content .head-ctn .basic-info .web-access .btn-help-phone-number{
						margin-bottom: 8px;
						display: none;
					}
.UserInfoEditView-content .head-ctn .basic-info .web-access .btn-help-phone-number{
						margin-bottom: 10px;
						cursor: pointer;
					}
.UserInfoEditView-content .head-ctn .basic-info .web-access.checked .username-group, .UserInfoEditView-content .head-ctn .basic-info .web-access.checked .user-role-group, .UserInfoEditView-content .head-ctn .basic-info .web-access.checked .session-group, .UserInfoEditView-content .head-ctn .basic-info .web-access.checked .phone-number-group, .UserInfoEditView-content .head-ctn .basic-info .web-access.checked .btn-help-phone-number{
							display: -webkit-box;
							display: -ms-flexbox;
							display: flex;
						}
.UserInfoEditView-content .relation-edit{
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			margin: 0 8px 16px 8px;
		}
.UserInfoEditView-content .relation-edit > *{
				margin: 0 8px;
			}
.UserInfoEditView-content .relation-ctn{
			-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
			        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
			background: white;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
		}
.UserInfoEditView-content .relation-ctn .relation-title{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				height: 56px;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
				background: #006BB2;
				padding: 0 16px;
				font-family: "Oswald";
				font-weight: 600;
				color: #001C49;
				font-size: 14px;
				color: white;
			}
.UserInfoEditView-content .relation-ctn .relation-title .btn-add{
					padding: 3px 12px;
				}
.UserInfoEditView-content .relation-ctn .relation-content{
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				overflow-y: auto;
			}
.UserInfoEditView-content .relation-ctn .relation-content .help-text{
					color: #555555;
					padding: 16px;
					font-style: italic;
				}
.UserInfoEditView-content .relation-ctn .relation-content .glyphicons {
                    margin-left: -6px;
                    margin-right: 6px;
				}
.UserInfoEditView-content .relation-ctn .relation-content .relation-info{
					min-height: 56px;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					padding: 0 16px;
					-webkit-box-pack: justify;
					    -ms-flex-pack: justify;
					        justify-content: space-between;
					-webkit-box-align: center;
					    -ms-flex-align: center;
					        align-items: center;
					outline: none;
					position: relative;
				}
.UserInfoEditView-content .relation-ctn .relation-content .relation-info:before{
						content: " ";
						position: absolute;
						left: 16px;
						right: 16px;
						bottom: 0;
						border-bottom: 1px solid #CECECE;
					}
.UserInfoEditView-content .relation-ctn .relation-content .relation-info.changed{
						background-color: #F1F7FB;
					}
.UserInfoEditView-content .relation-ctn .relation-content .relation-info .lt{
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-align: center;
						    -ms-flex-align: center;
						        align-items: center;
						color: #555555;
						margin-right: auto;
					}
.UserInfoEditView-content .relation-ctn .relation-content .relation-info .lt .icon{
							margin-right: 16px;
						}
.UserInfoEditView-content .relation-ctn .relation-content .relation-info .lt .last-used{
							height: 24px;
						}
.UserInfoEditView-content .relation-ctn .relation-content .relation-info .lt .value{
							-webkit-box-flex: 1;
							    -ms-flex: 1;
							        flex: 1;
						}
.UserInfoEditView-content .relation-ctn .relation-content .relation-info .rt{
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
					}
.UserInfoEditView-content .relation-ctn .relation-content .relation-info .rt .info-action{
							margin-right: 8px;
						}
.UserInfoEditView-content .relation-ctn .relation-content .relation-info:last-child{
						border-bottom: none;
					}
.UserInfoEditView-content .relation-ctn .relation-content .relation-info .info-action{
						display: none;
					}
.UserInfoEditView-content .relation-ctn .relation-content .relation-info:focus{
						background-color: #F1F7FB;
					}
.UserInfoEditView-content .relation-ctn .relation-content .relation-info:focus .info-action{
							display: -webkit-box;
							display: -ms-flexbox;
							display: flex;
						}
.UserInfoEditView-content .relation-ctn .relation-content .relation-info:focus .des{
							display: none;
						}
.UserInfoEditView-content .sub-ctn{
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
		}
.UserInfoEditView-content .sub-ctn.custom-rules{
				margin-top: 16px;
			}
.phone-mode .UserInfoEditView .section-dropdown-ctn{
			display:-webkit-box;
			display:-ms-flexbox;
			display:flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
		}
.phone-mode .UserInfoEditView .section-dropdown-ctn .btn-add{
				padding: 3px 12px;
			}
.phone-mode .UserInfoEditView .section-dropdown-ctn .it-box{
				height: 32px;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				padding: 0 16px;
			}
.phone-mode .UserInfoEditView .section-dropdown-ctn .it-box.title-box{
					height: 56px;
					background-color: #006BB2;
					font-family: "Oswald";
					font-weight: 600;
					color: #001C49;
					font-size: 14px;
					color: white;
				}
.phone-mode .UserInfoEditView .section-dropdown-ctn .dropdown-con .display-name{
					color: #006BB2;
					font-weight: 600;
				}
.phone-mode .UserInfoEditView .section-dropdown-ctn .dropdown-con .toggle-icon{
					margin-left: 8px;
				}
.phone-mode .UserInfoEditView .section-dropdown-ctn .dropdown-con .dropdown-menu{
					left: -16px;
					height: auto;
				}
.phone-mode .UserInfoEditView .section-dropdown-ctn .dropdown-con .dropdown-menu li{
						font-size: 14px;
						height: 32px;
						margin: 0;
						padding: 0 16px;
						-webkit-box-align: center;
						    -ms-flex-align: center;
						        align-items: center;
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-pack: justify;
						    -ms-flex-pack: justify;
						        justify-content: space-between;
					}
.phone-mode .UserInfoEditView .section-dropdown-ctn .dropdown-con .dropdown-menu li.active{
							font-weight: 600;
							color: #006BB2;
						}
.phone-mode .UserInfoEditView .section-dropdown-ctn .dropdown-con .dropdown-menu li:hover{
							background-color: #F1F7FB;
						}
.phone-mode .UserInfoEditView .head-ctn{
			margin: 0;
			-webkit-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
		}
.phone-mode .UserInfoEditView .head-ctn-header{
				display: none;
			}
.phone-mode .UserInfoEditView .head-ctn .info-edit-ctn{
				margin-top: 0;
			}
.phone-mode .UserInfoEditView .head-ctn .info-edit-ctn .sub-ctn{
					-webkit-box-align: start;
					    -ms-flex-align: start;
					        align-items: flex-start;
					background-color: white;
				}
.phone-mode .UserInfoEditView .head-ctn .info-edit-ctn .sub-ctn .basic-info{
						width: 100%;
						-webkit-box-shadow: none;
						        box-shadow: none;
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-orient: vertical;
						-webkit-box-direction: normal;
						    -ms-flex-direction: column;
						        flex-direction: column;
					}
.phone-mode .UserInfoEditView .head-ctn .info-edit-ctn .sub-ctn .basic-info .behind-pic{
							height: auto;
							width: auto;
							margin: 8px 0;
							display: -webkit-box;
							display: -ms-flexbox;
							display: flex;
							-webkit-box-align: center;
							    -ms-flex-align: center;
							        align-items: center;
							-webkit-box-pack: center;
							    -ms-flex-pack: center;
							        justify-content: center;
						}
.phone-mode .UserInfoEditView .head-ctn .info-edit-ctn .sub-ctn .basic-info .behind-pic .pic{
								-webkit-box-flex: 0;
								    -ms-flex: none;
								        flex: none;
							}
.phone-mode .UserInfoEditView .head-ctn .info-edit-ctn .sub-ctn .basic-info .row-item{
							margin: 16px 8px 0 8px;

						}
.phone-mode .UserInfoEditView .head-ctn .info-edit-ctn .sub-ctn .basic-info .row-item.name-row{
								display: -webkit-box;
								display: -ms-flexbox;
								display: flex;
							}
.phone-mode .UserInfoEditView .head-ctn .info-edit-ctn .sub-ctn .basic-info .row-item.name-row .ctl-group{
									-webkit-box-flex: 2;
									    -ms-flex: 2;
									        flex: 2;
								}
.phone-mode .UserInfoEditView .head-ctn .info-edit-ctn .sub-ctn .basic-info .row-item.name-row .ctl-group.mi-group{
										-webkit-box-flex: 1;
										    -ms-flex: 1;
										        flex: 1;
										margin-left: 16px;
										margin-right: 16px;
									}
.phone-mode .UserInfoEditView .head-ctn .info-edit-ctn .sub-ctn .basic-info .row-item .checkbox{
								margin: 0;
								padding: 0;
								display: -webkit-box;
								display: -ms-flexbox;
								display: flex;
							}
.phone-mode .UserInfoEditView .head-ctn .info-edit-ctn .sub-ctn .basic-info .ctl.changed{
								background-color: #F1F7FB;
							}
.phone-mode .UserInfoEditView .head-ctn .info-edit-ctn .sub-ctn .basic-info .dropdown-control.changed{
								background-color: #F1F7FB;
							}
.phone-mode .UserInfoEditView .head-ctn .info-edit-ctn .sub-ctn .basic-info .web-access .checkbox.changed .c-check{
										background-color: #F1F7FB;
									}
.phone-mode .UserInfoEditView .head-ctn .info-edit-ctn .sub-ctn .basic-info .web-access .username-group{
								margin-top: 16px;
								-webkit-box-flex:1;
								    -ms-flex:1;
								        flex:1;
							}
.phone-mode .UserInfoEditView .head-ctn .info-edit-ctn .sub-ctn .basic-info .web-access .user-role-group{
								margin-top: 16px;
							}
.phone-mode .UserInfoEditView .head-ctn .info-edit-ctn .sub-ctn .basic-info .web-access .btn-pwd-group{
								display: none;
							}
.phone-mode .UserInfoEditView .head-ctn .info-edit-ctn .sub-ctn .basic-info .web-access.checked .btn-pwd-group{
									display: -webkit-box;
									display: -ms-flexbox;
									display: flex;
								}
.phone-mode .UserInfoEditView .head-ctn .info-edit-ctn .sub-ctn .basic-info .web-access.checked .user-role-group{
									display: -webkit-box;
									display: -ms-flexbox;
									display: flex;
									-webkit-box-align: center;
									    -ms-flex-align: center;
									        align-items: center;
									-webkit-box-pack: start;
									    -ms-flex-pack: start;
									        justify-content: flex-start;
								}
.phone-mode .UserInfoEditView .relation-edit{
			margin: 0;
		}
.phone-mode .UserInfoEditView .relation-edit .relation-ctn .relation-title{
					display: none;
				}
.phone-mode .UserInfoEditView .relation-set{
			margin: 0;
		}
.phone-mode .UserInfoEditView .sub-ctn{
			overflow-y: auto;
			padding-bottom: 16px;
			margin: 0;
		}
.phone-mode .UserInfoEditView .save-btns{
			border-top: 1px solid #006BB2;
			height: 56px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			-webkit-box-pack: end;
			    -ms-flex-pack: end;
			        justify-content: flex-end;
			padding-right: 8px;
		}
.phone-mode .UserInfoEditView .save-btns .btn{
				width: 80px;
				margin-left: 16px;
			}
/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.UserRuleEditPopup{
	width: 328px;

}
.UserRuleEditPopup .rule-content .tab-panel{
			padding: 0px 16px;
		}
.UserRuleEditPopup .rule-content .tab-panel .helper-text{
				height: 40px;
				margin-left: 16px;
				font-size: 12px;
				font-style: italic;
				color: #555555;
				letter-spacing: 1.08px;
				line-height: 20px;
			}
.UserRuleEditPopup .rule-content .tab-panel .helper-text + .ctl-group{
					margin-top: 10px;
				}
.UserRuleEditPopup .rule-content .ctl-group .ctl-value .name-item{
					margin-right: 8px;
				}
.UserRuleEditPopup-parent .popup-body.modal-body{
		padding: 0px;
		padding-bottom: 16px;
	}

/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
/* FIXME: compatiable with old ui */
.UsersScreen .nav-ctn{
		position: relative;
	}
.UsersScreen [data-layout='phone']{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack:justify;
		    -ms-flex-pack:justify;
		        justify-content:space-between;
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
	}
.UsersScreen [data-layout='phone'] .dropdown-con{
			margin-left: 16px;
		}
.UsersScreen [data-layout='phone'] .dropdown-con .display-name{
				font-weight: 600;
			}
.UsersScreen [data-layout='phone'] .dropdown-con .toggle-icon{
				margin-left: 8px;
			}
.UsersScreen [data-layout='phone'] .dropdown-con .dropdown-menu{
				left: -16px;
				height: auto;
			}
.UsersScreen [data-layout='phone'] .dropdown-con .dropdown-menu .nav-item{
					font-size: 14px;
					height: 32px;
					margin: 0;
					padding: 0 16px;
					-webkit-box-pack: justify;
					    -ms-flex-pack: justify;
					        justify-content: space-between;
				}
.UsersScreen [data-layout='phone'] .dropdown-con .dropdown-menu .nav-item:hover{
						background-color: #F1F7FB;
					}

/* --------- Colors --------- */
/* --------- /Colors --------- */
/* --------- Font Weight --------- */
/* --------- /Font Weight --------- */
/* --------- Mixins --------- */
/* --------- Mixins --------- */
.UsersView{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
/*margin-left: 10px;*/
.UsersView .table-panel .table .tr{
				height: auto;
				-webkit-box-flex: 0;
				    -ms-flex: none;
				        flex: none;
			}
.UsersView .table-panel .table .td .group{
					color: #006BB2;
					cursor: pointer;
				}
.UsersView .table-panel .table .td.user-rule-info .wrap-cell{
						text-align: center;
					}
.UsersView .table-panel .table .td.web-access .wrap-cell{
						text-align: center;
					}
.UsersView .table-panel .table .td.user-areas-info .wrap-cell{
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-orient: vertical;
						-webkit-box-direction: normal;
						    -ms-flex-direction: column;
						        flex-direction: column;
						-webkit-box-align: start;
						    -ms-flex-align: start;
						        align-items: flex-start;
						-webkit-box-pack: center;
						    -ms-flex-pack: center;
						        justify-content: center;
					}
.UsersView .action-clear-filter{
		text-decoration: underline;
		font-weight: 200;
		font-size: 12px;
		cursor: pointer;
	}
.UsersView .action-clear-filter.active{
			background-color: transparent;
		}
.UsersView .side-panel{
	    margin-right: 16px;
	}
.UsersView .side-panel .c-check.checked:before{
					font-size: 16px;
					top:2px;
					left: 2px;
				}
.UsersView .side-panel .item .c-check-text{
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				min-width: 0;
			}
.UsersView .side-panel .item .c-check-text .name{
					-webkit-box-flex: 1;
					    -ms-flex: 1;
					        flex: 1;
				}
.UsersView .side-panel .item[data-type='Group'] .name,.UsersView .side-panel .item[data-type='List'] .name{
					color: #006BB2;
					cursor: pointer;
				}
.UsersView .side-panel .search-ctl{
			width: 248px;
			margin-left: 16px;
		}
.UsersView .side-panel .date-ctl{
			width: 248px;
			margin-left: 16px;
		}
.UsersView .side-panel .item .item-icon{
				margin: 0 8px;
			}
.UsersView .btn-blue{
        background: #001C49;
        text: #fff;
    }
.UsersView .btn-blue:hover{
            color: #fff;
        }
.UsersView .btn-blue .text{
            color: #fff;
        }
.UsersView .btn-blue .text:hover{
                color: #fff;
            }
.phone-mode .UsersView .nav-main{
			margin: 0;
		}
.phone-mode .UsersView .nav-sec-header{
			display: none;
		}
.phone-mode .UsersView .list-panel .btn-add{
				padding: 3px 12px;
			}
.phone-mode .UsersView .list-panel .data-col.user-web-access{
					width: 128px;
					-webkit-box-flex: 0;
					    -ms-flex: none;
					        flex: none;
					-webkit-box-pack: center;
					    -ms-flex-pack: center;
					        justify-content: center;
				}
/*# sourceMappingURL=app-bundle.css.map */