html{
	font-family: sans-serif;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	height: 100%;
	width: 100%;
}
body{
	height: 100%;
	width: 100%;
	margin: 0;
	background: #eaeff4;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	min-width: 768px;
	width: 100%;
	color: #333333;
	font-size: 90%;
	-webkit-text-size-adjust: 90%;
	-ms-text-size-adjust: 90%;
}
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
table{
	border-collapse: collapse;
}
a{
	outline: none;
	outline: 0;
}
button, input, select, textarea{
	margin: 0;
	font: inherit;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}
ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
input[type="file"] {
	padding: 6px 0px;
}
button:focus{
	outline: none;
	outline: 0;
}
button span{
	pointer-events: none;
}
button[disabled], input[disabled], select[disabled]{
	box-shadow: none;
	cursor: not-allowed;
	opacity: 0.65;
}
a:link, a:visited, a:hover, a:active{
	color: #286090;
}
@media (min-width: 768px){
	.login-container {
		width: 750px;
	}
	.modal-wrap{
		width: 750px;
	}
}
@media (min-width: 992px) {
	.login-container {
		width: 970px;
	}
	.modal-wrap{
		width: 970px;
	}
}
@media (min-width: 1200px) {
	.login-container{
		width: 1170px;
	}
	.modal-wrap{
		width: 1170px;
	}
}
.login-container{
	margin-right: auto;
	margin-left: auto;
}
.container {
	height: 100%;
}
.col-1{width: 5%; display: inline-block; vertical-align: top;}
.col-2{width: 10%; display: inline-block; vertical-align: top;}
.col-3{width: 15%; display: inline-block; vertical-align: top;}
.col-4{width: 20%; display: inline-block; vertical-align: top;}
.col-5{width: 25%; display: inline-block; vertical-align: top;}
.col-6{width: 30%; display: inline-block; vertical-align: top;}
.col-7{width: 35%; display: inline-block; vertical-align: top;}
.col-8{width: 40%; display: inline-block; vertical-align: top;}
.col-9{width: 45%; display: inline-block; vertical-align: top;}
.col-10{width: 50%; display: inline-block; vertical-align: top;}
.col-11{width: 55%; display: inline-block; vertical-align: top;}
.col-12{width: 60%; display: inline-block; vertical-align: top;}
.col-13{width: 65%; display: inline-block; vertical-align: top;}
.col-14{width: 70%; display: inline-block; vertical-align: top;}
.col-15{width: 75%; display: inline-block; vertical-align: top;}
.col-16{width: 80%; display: inline-block; vertical-align: top;}
.col-17{width: 85%; display: inline-block; vertical-align: top;}
.col-18{width: 90%; display: inline-block; vertical-align: top;}
.col-19{width: 95%; display: inline-block; vertical-align: top;}
.col-20{width: 100%; display: inline-block; vertical-align: top;}
.inline-block{
	display: inline-block;
}
.position-relative{
	position: relative;
}
.position-absolute{
	position: absolute;
}
.padding-10{
	padding: 0 10px;
}
.padding-top-10{
	padding-top: 10px;
}
.padding-bottom-10{
	padding-bottom: 10px;
}
.padding-left-10{
	padding-left: 10px;
}
.padding-right-10{
	padding-right: 10px;
}
.padding-all-5{
	padding: 5px;
}
.padding-top-5{
	padding-top: 5px;
}
.padding-bottom-5{
	padding-bottom: 5px;
}
.padding-left-5{
	padding-left: 5px;
}
.padding-right-5{
	padding-right: 5px;
}
.flex-box{
	display: flex;
}
.flex-wrap{
	flex-wrap: wrap;
}
.flex-row{
	flex-direction: row;
}
.flex-col{
	flex-direction: column;
}
.flex-0{
	flex: 0;
	flex: none;
}
.flex-1{
	flex: 1;
}
.flex-2{
	flex: 2;
}
.flex-3{
	flex: 3;
}
.flex-4{
	flex: 4;
}
.flex-vertical-center{
	justify-content: center;
	align-items: center;
}
.flex-align-center{
	align-items: center;
}
.flex-align-end{
	align-items: flex-end;
}
.flex-justify-end{
	justify-content: flex-end;
}
.flex-nowrap{
	flex-wrap: nowrap;
}
.overflow-auto{
	overflow: auto;
}
.height-100{
	height: 100%;
}

.white-background{
	background-color: #ffffff;
}
.login-header-wrap{
	height: 40px;
	background: #007bff;
}
.login-header-div{
	color: #ffffff;
}
.login-logo{
	height: 30px;
}
.form{
	width: 100%;
}
label{
	display: inline-block;
	margin-bottom: 5px;
	max-width: 100%;
	word-wrap: break-word;
}
.strong{
	font-weight: bold;
}
.font-90{
	font-size: 90%;
}
.control-label{
	padding: 6px 0px;
}
.form-group {
	margin-bottom: 10px;
}
.form-horizontal .form-group{
	display: table;
}
.form-inline-row{
	display: table;
}
.form-control{
	background-color: #fff;
	border: 1px solid #cccccc;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #555;
	display: block;
	font-size: 14px;
	height: 34px;
	line-height: 1.42857;
	padding: 6px 12px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	width: 100%;
}
.form-control:focus {
	border-color: #66AFE9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.btn{
	-moz-user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857;
	margin-bottom: 0;
	padding: 3px 6px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}
.btn-default {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}
.btn-default:focus, .btn-default.focus {
	color: #333;
	background-color: #e6e6e6;
	border-color: #8c8c8c;
}
.btn-default:hover {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
}
.btn-primary {
	color: #ffffff;
	background-color: #007bff;
	border-color: #007bff;
}
.btn-primary:focus, .btn-primary.focus {
	color: #fff;
	background-color: #0069d9;
	border-color: #0062cc;
}
.btn-primary:hover {
	color: #ffffff;
	background-color: #0069d9;
	border-color: #0062cc;
}
.btn-success{
	background-color: #28a745;
	border-color: #28a745;
	color: #ffffff;
}
.btn-success:hover {
	color: #ffffff;
	background-color: #218838;
	border-color: #1e7e34;
}
.btn-danger{
	color: #ffffff;
	background-color: #dc3545;
	border-color: #dc3545;
}
.btn.danger:hover{
	color: #ffffff;
	background-color: #c82333;
	border-color: #bd2130;
}
.btn-block{
	width: 100%;
	display: block;
}
.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
	border-color: transparent;
	line-height: 1;
	padding: 0px;
	vertical-align: top;
	border: none;
	border: 0;
}
.btn-link, .btn-link.active, .btn-link[disabled]{
	background-color: transparent;
	box-shadow: none;
	line-height: 1;
	padding: 0px;
	vertical-align: top;
	border: none;
	border: 0;
}
.btn-link {
	border-radius: 0;
	color: #337ab7;
	font-weight: 400;
	padding: 0px;
	border: none;
	border: 0;
}
.btn-link-danger, .btn-link-danger:active, .btn-link-danger:focus, .btn-link-danger:hover, .btn-link-danger[disabled]{
	border-color: transparent;
	background-color: transparent;
	box-shadow: none;
	line-height: 1;
	padding: 0px;
	vertical-align: top;
	border: none;
	border: 0;
}
.btn-link-danger {
	border-radius: 0;
	color: #cc0000;
	font-weight: 400;
	padding: 0px;
	border: none;
	border: 0;
}
.btn-dark{
	color: #ffffff;
	background-color: #343a40;
	border-color: #343a40;
}
.btn-dark:hover {
	color: #fff;
	background-color: #23272b;
	border-color: #1d2124;
}
.btn-dark:focus, .btn-dark.focus {
	box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-dark.disabled, .btn-dark:disabled {
	color: #fff;
	background-color: #343a40;
	border-color: #343a40;
}
.btn-warning{
	color: #212529;
	background-color: #ffc107;
	border-color: #ffc107;
}
.btn-warning:hover {
	color: #212529;
	background-color: #e0a800;
	border-color: #d39e00;
}
.text-white{
	color: #ffffff;
}
.text-red{
	color: #cc0000;
}
.text-grey{
	color: #666666;
}
.text-green{
	color: #008E00;
}
.text-end{
	text-align: end;
}
.text-center{
	text-align: center;
}
.alert{
	border: 1px solid transparent;
	border-radius: 4px;
	margin-bottom: 10px;
	padding: 10px;
}
.alert-error{
	background-color: #f2dede;
	border-color: #ebccd1;
	color: #cc0000;
	display: none;
}
.alert-success{
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #3c763d;
	display: none;
}
.default-danger{
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
	padding: 5px;
}
.form-label-div{
	width: 100%;
}
.form-field-div{
	width: 100%;
}
.field_error-div{
	color: #cc0000;
	font-size: 90%;
}
.field_help-div{
	color: #555555;
	font-size: 80%;
}
.has-error .control-label{
	color: #a94442;
}
.has-error .form-control{
	border-color: #a94442;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus{
	border-color: #843534;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.hr{
	width: 100%;
	height: 1px;
	background: #eeeeee;
}
.main-menu-img{
	width: 24px;
}
.notification-badge{
	background-color: #c82333;
	font-size: 90%;
	padding: 0px 2px;
	border-radius: 3px;
	left: 5px;
}
.notification-badge-dashboard{
	color: #ffffff;
}
.barcode-scanner-wrap{
	display: none;
}
.dashboard-page-wrap{
	display: none;
}
.dashboard-comm-block{
	display: inline-block;
	padding: 10px 10px;
	width: 25%;
}
.dashboard-comm-div{
	padding: 10px 10px;
	border: 1px solid #6c757d;
	border-radius: 10px;
}
.dashboard-pulse-btn-div{
	pointer-events: none;
}
.home-page-wrap{
	display: none;
}
.home-page-text-div{
	overflow: auto;
}
.home-page-img{
	max-width: 100%;
}
.search-result-wrap{
	display: none;
}
.address-page-wrap{
	display: none;
}
.address-page-div{
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
}
.search-wrap{
	display: none;
	min-width: 300px;
	max-width: 500px;
}
.search-main-div{
	width: 100%;
	border: 1px solid #cccccc;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #555;
	padding: 1px;
}
.search-select{
	height: 30px;
	width: 100%;
	border: none;
	background: #ffffff;
}
.search-input{
	border: none;
	height: 30px;
	padding-left: 5px;
	width: 100%;
}
.search-indicator-div{
	border-left: 1px solid #cccccc;
	text-align: center;
	padding: 0px 8px;
}
.search-indicator-img{
	width: 24px;
}

.search-suggestions-div{
	width: 100%;
	background: #ffffff;
	border: 1px solid #eeeeee;
	display: none;
	border-radius: 0px 0px 6px 6px;
}
.q-suggestion-li{
	padding: 5px 10px;
	border-bottom: 1px solid #eeeeee;
}
.q-suggestion-li-selected{
	background: #007bff;
	color: #ffffff;
}
.q-suggestion-li span{
	pointer-events: none;
	font-weight: bold;
}
.notification-banner-wrap{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	z-index: 20000;
}
.notification-banner-div{
	position: relative;
}
.nb-block-primary{
	padding: 10px 10px;
	color: #ffffff;
	background-color: #007bff;
}
.nb-block-success{
	padding: 10px 10px;
	color: #ffffff;
	background-color: #28a745;
}
.nb-block-danger{
	padding: 10px 10px;
	color: #ffffff;
	background-color: #dc3545;
}
.header-wrap{
	/*background: #007bff;*/
	background: #ffffff;
	border-bottom: 1px solid #343a40;
	color: #121416;
}
.header-div{
	padding: 5px;
}
.search-wrap{
}
.scanner-bottons-div{
	justify-content: flex-end;
}
.title-bar-wrap{
	display: none;
}
.main-wrap{
	overflow: auto;
}
.srt-row-hovered{
	background: #e5e5e5;
}
.dialer-wrap{
	position: absolute;
	padding: 1px;
	bottom: 40px;
	right: 10px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	display: none;
	z-index: 10000;
}
.dialer-title-div{
	background-color: #454545;
	color: #ffffff;
	padding: 4px;
	align-items: center;
}
.dialer-minimize-img{
	width: 16px;
}
.dialer-body-div{
	padding: 5px;
}
.dialer-gate-number{
	border-bottom: 1px solid #454545;
}
.dialer-comm-div{
	border-top: 1px solid #454545;
	padding: 5px;
}
.dialer-caller-div{
	display: none;
	text-align: center;
	padding: 5px;
}
.dialer-caller-number{
	font-weight: bold;
}
.dialer-caller-name{
}
.dialer-ready-div{
	display: none;
	text-align: center;
	padding: 10px;
}
.dialer-ringing-buttons{
	display: none;
}
.dialer-incall-buttons{
	display: none;
	justify-content: center;
}





.integ-wrap{
	position: absolute;
	padding: 1px;
	bottom: 40px;
	left: 10px;
	width: 20%;
	height: 30%;
	border: 1px solid #cccccc;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	z-index: 10000;
}
.integ-title-div{
	background-color: #454545;
	color: #ffffff;
	padding: 4px;
	align-items: center;
}
.integ-minimize-img{
	width: 16px;
}
.integ-body-wrap{
	height: 30%;
}
.integ-body-div{
	padding: 5px;
}
.integ-entry{
	border-bottom: 1px solid #6c757d;
	padding: 10px;
}
.integ-door{
}
.integ-topic{
	padding-left: 5px;
}
.integ-r{
	padding-left: 5px;
	font-weight: bold;
}
.integ-a{
	padding-left: 5px;
}
.integ-severity-0{
	color: #6c757d;
}
.integ-severity-2{
	color: #ffc107;
}
.integ-severity-3{
	color: #28a745;
}
.integ-severity-5{
	color: #dc3545;
}

.footer-wrap{
}
.footer-div{
	margin-top: 5px;
	height: 30px;
	text-align: right;
	padding: 0px 5px;
}
.footer-pdk-div{
	vertical-align: top;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
}
.footer-pdk-btn{
	text-align: top;
}
.footer-pdk-img{
	height: 26px;
}
.footer-pdk-badge{
	background-color: #dc3545;
	color: #ffffff;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 90%;
	padding: 0px 2px;
	border-radius: 3px;
}
.footer-dialpad-img{
	height: 26px;
}
.footer-socket-div img{
}
.title-bar-div{
	background: #333333;
	color: #ffffff;
	padding: 5px 10px;
}
.modal-container{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	overflow: auto;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
}
.modal-wrap{
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	border-radius: 6px;
}
.modal-div{
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	border-radius: 6px;
}
.modal-wrap .small{
	width: 50%;
}
.modal-wrap .middle{
	width: 75%;
}
.modal-wrap .large{
	width: 100%;
}
.modal-header{
	padding: 5px 10px;
	border-bottom: 1px solid #eeeeee;
	background: #28a745;
	color: #ffffff;
	border-radius: 6px 6px 0px 0px;
}
.modal-title{
	
}
.modal-top-close button{
	background: none;
	border: none;
	outline: 0;
	border: none;
	outline: 0;
	font-size: 150%;
}
.modal-top-x-btn{
	background: none;
	border: none;
	outline: 0;
	color: #000000;
	text-decoration: none;
	cursor: pointer;
}
.modal-body{
	padding: 10px;
	border-bottom: 1px solid #eeeeee;
}
.modal-buttons-wrap{
	padding: 10px;
	/*border-bottom: 1px solid #eeeeee;*/
	
}
.modal-indicator-img{
	display: none;
}
.modal-buttons-sub{
}
.modal-buttons-main{
}
.modal-button-div{
	display: inline-block;
}
.modal-footer{
}
.modal-button{
	margin-left: 10px;
}

.footer-socket-img{
	width: 20px;
}
.screen-lock-wrap{
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	overflow: auto;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
	/*display: flex;*/
	justify-content: center;
	align-items: center;
}
.screen-lock-center img{
	width: 160px;
}

.alert-container{
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	overflow: auto;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
}
.alert-wrap{
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
/* 	margin-top: 40px; */
/* 	width: 50%; */
	width: 500px;
/* 	position: absolute; */
	
}
.alert-div{
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
}

.alert-header{
	padding: 10px;
	border-bottom: 1px solid #eeeeee;
}
.alert-title{
	
}
.alert-top-close button{
	background: none;
	border: none;
	outline: 0;
	font-size: 150%;
}
.alert-top-close:hover button, .alert-top-close:focus button{
	color: #000000;
	text-decoration: none;
	cursor: pointer;
}
.alert-body{
	padding: 10px;
	border-bottom: 1px solid #eeeeee;
}
.alert-buttons-wrap{
	padding: 10px;
	border-bottom: 1px solid #eeeeee;
}

.alert-buttons{
	text-align: right;
}
.alert-button-div{
	display: inline-block;
}



.pass-progress-container{
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	overflow: auto;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
}
.pass-progress-wrap{
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
/* 	margin-top: 40px; */
/* 	width: 50%; */
	width: 500px;
/* 	position: absolute; */
	
}
.pass-progress-div{
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
}

.pass-progress-header{
	padding: 10px;
	border-bottom: 1px solid #eeeeee;
}
.pass-progress-title{
	
}
.pass-progress-top-close button{
	background: none;
	border: none;
	outline: 0;
	font-size: 150%;
}
.pass-progress-top-close:hover button, .pass-progress-top-close:focus button{
	color: #000000;
	text-decoration: none;
	cursor: pointer;
}
.pass-progress-body{
	padding: 10px;
	border-bottom: 1px solid #eeeeee;
}
.pass-progress-buttons-wrap{
	padding: 10px;
	border-bottom: 1px solid #eeeeee;
}

.pass-progress-buttons{
	text-align: right;
}
.pass-progress-button-div{
	display: inline-block;
}



.search-table-header{
	background: #28a745;
	border-bottom: 1px solid #E5E5E5;
	font-weight: bold;
	color: #ffffff;
}
.srdrd-list-table{
	overflow: auto;
}
.top-logo{
	height: 34px;
}
.mouse-pointer{
	cursor: pointer;
}

.apsd-residents-div{
	border: 1px solid #cccccc;
}
.apsdrd-title-wrap{
	background: #007bff;
}
.resident-name-button{
	vertical-align: middle;
	color: #333333;
	font-weight: bold;
}
.resident-has-photo{
	color: #007bff;
}
.resident-icon-img{
	width: 24px;
}
.apsdrd-title-div{
	color: #ffffff;
}
.apsdrd-list-wrap{
}
.apsd-notes-div{
	background: #cc0000;
	border: 1px solid #cccccc;
}
.apsdrd-title-div{
	color: #ffffff;
}
.apsdnd-title-div{
	color: #ffffff;
}
.apsdnd-list-wrap{
}
.one-note-img{
	width: 24px;
	vertical-align: bottom;
}
.directions-icon{
	width: 24px;
}
.apvd-top-wrap{
	background: #343a40;
	color: #ffffff;
}
.caret {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px dashed;
	display: inline-block;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	width: 0;
}
.toggle-list{
	display: none;
	position: absolute;
	border: 1px solid #eeeeee;
	background: #ffffff;
	z-index: 1000;
}
.toggle-list li{
	padding: 5px;
	border-bottom: 1px solid #eeeeee;
}
.default-table{
	width: 100%;
}
.default-table tr{
	border-bottom: 1px solid #cccccc;
}
.default-table .table-header-row{
	font-weight: bold;
}
.default-table td{
	padding: 5px;
}
.default-table .align-top{
	vertical-align: top;
}
.info-span{
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.info-icon-img{
	height: 24px;
}
.contact-table-bullet-td{
	width: 5%;
}
.contact-table-value-td{
	width: 30%;
}
.contact-icon-img{
	height: 24px;
}
.visitor-dialog-form-table td{
	padding: 5px;
}
.visitor-dialog-form-table{
	width: 100%;
}
.snapshot-unavailable-div{
	display: none;
}
.camera-canvas-div{
	display: none;
}
.configure-camera-video{
	width: 100%;
}
.camera-video{
	width: 100%;
	display: none;
}
.snapshot-video-div{
}
.snapshot-canvas-div{
	display: none;
}
.snapshot-preview-div{
	display: none;
}
.snapshot-snap-button-div{
	display: none;
}
.snapshot-options-buttons-div{
	display: none;
}
.snapshot-connect-button-div{
	display: none;
}
.document-unavailable-div{
	display: none;
}
.document-video-div{
}
.document-canvas-div{
	display: none;
}
.document-preview-div{
	display: none;
}
.document-snap-button-div{
	display: none;
}
.document-options-buttons-div{
	display: none;
}
.document-connect-button-div{
	display: none;
}
.visitors-table-bullet-td{
	width: 1%;
}
.visitors-table-name-td{
}

.visitors-table-date-td{
	width: 10%;
}
.visitors-table-time-td{
	width: 10%;
}
.visitors-table-pass-type-td{
	width: 5%;
}
.visitors-table-plate-td{
	width: 10%;
}
.visitors-table-license-td{
	width: 10%;
}
.visitors-table-admit-td{
	width: 5%;
}
.visitors-table-print-td{
	width: 5%;
}
.vd-title{
	padding: 0px 5px;
}
.vd-add-button{
	color: #ffffff;
	background-color: #007bff;
	border-color: #007bff;
}
.vd-add-button:hover{
	color: #ffffff;
	background-color: #0069d9;
	border-color: #0062cc;
}
.vd-add-admit-button{
	color: #ffffff;
	background-color: #28a745;
	border-color: #28a745;
}
.vd-add-admit-button:hover{
	color: #ffffff;
	background-color: #218838;
	border-color: #1e7e34;
}
.vt-deny-button{
	background: #cc0000;
	background-color: #cc0000;
	color: #FFFFFF;
}
.vd-deny-button{
	background: #cc0000;
	background-color: #cc0000;
	color: #FFFFFF;
}

.vt-admit-button-true{
	background: #336600;
	background-color: #336600;
	color: #FFFFFF;
}
.vd-admit-button-true{
	color: #FFFFFF;
	background-color: #28a745;
	border-color: #28a745;
}
.vd-admit-button-true:hover{
	color: #ffffff;
	background-color: #218838;
	border-color: #1e7e34;
}
.vt-admit-button-false{
	background: #e0a800;
	background-color: #e0a800;
	color: #ffffff;
	border-color: #d39e00;
}
.vd-admit-button-false{
	background: #e0a800;
	background-color: #e0a800;
	color: #ffffff;
	border-color: #d39e00;
}
.vt-event-button{
	background: #660033;
	color: #ffffff;
}
.vd-event-button{
	background: #660033;
	color: #ffffff;
}
.vt-print-button{
	background-image: url('/static/img/guard/printer_icon_white.png');
	background-repeat: no-repeat;
	background-position: 10% 50%;
	background-size: 15px 15px;
	padding-left: 20px;
}
.vt-row-hovered{
	background: #e5e5e5;
}
.vd-print-button{
	background-image: url('/static/img/guard/printer_icon_white.png');
	background-repeat: no-repeat;
	background-position: 5% 50%;
	background-size: 20px 20px;
	padding-left: 30px;
}
.vd-visitor-edit-btn{
	color: #ffffff;
	background-color: #f0ad4e;
	background: #f0ad4e;
}
.vd-visitor-delete-btn{
	background: #cc0000;
	background-color: #cc0000;
	color: #FFFFFF;
}
.vd-top-button-log{
	color: #ffffff;
	background-color: #31b0d5;
	background: #31b0d5;
}
.vd-form-label{
	width: 25%;
}
.vd-form-value{
	width: 75%;
}
.visitor-filter-div{
	background: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #555;
}
.filter-clear-div{
	border-left: 1px solid #cccccc;
	text-align: center;
	padding: 0px 8px;
}
.visitor-filter-clear-img{
	width: 24px;
}
.visitor-filter-input{
	width: 80px;
	border: none;
	height: 30px;
	padding: 0px 10px;
}
.visitor-filter-input:focus{
	outline: none;
}

.visitors-legend-wrap{
	margin-left: auto;
}
.visitors-legend-text-span{
	font-size: 90%;
}
.visitors-legend-img{
	width: 24px;
}
.access-history-img{
	width: 24px;
}
.vt-bullet-img{
width: 24px;
}
.vt-plate-input{
	width: 90px;
}
.vt-license-input{
	width: 90px;
}
.vdi-vi-name-suggestions-wrap{
}
.vdi-vi-name-suggestions-div{
	border: 1px solid #eeeeee;
	z-index: 100;
}
.vsl{
	border-bottom: 1px solid #eeeeee;
	color: #333333;
}
.vslh{
	background: #eeeeee;
}
.door-pulse-btn-div{
	pointer-events: none;
}
.door-btn-img{
	width: 20px;
}
.scheduled-tasks-table-header{
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ededed 0%, #dedede 100%) repeat scroll 0 0;
	border-bottom: 1px solid #E5E5E5;
	font-weight: bold;
}
.scheduled-task-pending{
	color: #dc3545;
}
.scheduled-task-completed{
	color: #28a745;
}
.scheduled-task-input{
	width: 100%;
}
.menu-badge{
	position: absolute;
	background: #dc3545;
	color: #ffffff;
	padding: 2px 3px;
	top: -5px;
	border-radius: 2px;
	font-size: 80%;
}
.hidden{
	display: none;
}


.aa-wrap{
	height: 100%;
	margin: 0px 10px;
	cursor: pointer;
}
.aa-div{
	color: #ffffff;
}
.aa-pending{
	background: #515151;
}
.aa-accepted{
	background: #336600;
}
.aa-denied{
	background: #cc0000;
}
.resident-photo-img{
	max-width: 100%;
	max-height: 100%;
}
.barcode-input{
	padding: 5px 5px;
}
.last-action-1{
	color: #218838;
}
.last-action-0{
	color: #cc0000;
}
.dar-textarea{
	height: 60px;
}
