@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc2/css/bootstrap-glyphicons.css");
#login-modal
{
	display: none;
}
#editModal, #editModalAit
{
	display: none;
}
#pagesRow
{
	text-align: center;
}
#thisPage
{
	text-decoration: underline;
}
.clickableRow
{
	color: grey;
	text-decoration: underline;
}
.clickableRow:hover
{
	cursor: pointer;
}
#editClientHash:hover
{
	cursor: pointer;
}
body
{
	color: #000000 !important;
}
body .modal#editModal, body .modal#editModalAit
{
    /* new custom width */
    width: 1000px;
    /* must be half of the width, minus scrollbar on the left (30px) */
    margin-left: -500px;
}
body .modal#activateForm 
{
    /* new custom width */
    width: 700px;
    max-height: 750px;
    /* must be half of the width, minus scrollbar on the left (30px) */
    margin-left: -280px;
}
body .modal#activateForm h3
{
	color: black;
	margin: 0;
}
textarea.filter
{
	height: 60px;
	line-height: 20px;
}
div.section.section_main div.section__content div.content div.row legend
{
	color: white;
	font-size: 14px;
	padding-bottom: 10px;
	padding-left: 100px;
}
div.section.section_main div.section__content div.content div.row span
{
	font-size: 14px;
	color: white;
}
div.section.section_main div.section__content div.content div.row input
{
	height:50px;
}
div.section.section_main div.section__content div.content div.row input.dateInput
{
	height:20px;
	width:150px;
}
div.section.section_main div.section__content div.content div.row input.timeInput
{
	height:20px;
	width:40px;
}
div#page-content div.page-content table.table tbody tr td#forReport form input.excelAddress
{
	border: none;
    background-color: transparent;
}
td#forReport
{
	padding: 0px;
}
div.mainInfo
{
	color:white;
	text-align: left;
	font-size: 14px;
	margin-left: 100px;
	margin-bottom: 14px;
}
div.mainInfo strong
{
	font-weight: bold;
	font-size:14px;
}
div.mainInfo p
{
	font-weight: normal;
	font-size: 15px;
}
#activateForm
{
	margin-top:5000px;
}
div.bigInfo
{
	color:white;
	text-align: left;
	margin-left: 100px;
	padding-top: 20px;
	padding-bottom: 20px;
}
div.bigInfo p
{
	text-indent: 20px;
	text-align: justify;
}
div#aboutImage1
{
	height: 150px;
	width: 150px;
	background: url("./images/aboutImage1.png") no-repeat 0 0; 

}
div#aboutImage2
{
	height: 150px;
	width: 150px;
	background: url("./images/aboutImage2.png") no-repeat 0 0; 

}
div#aboutImage3
{
	height: 200px;
	width: 250px;
	background: url("./images/aboutImage3.png") no-repeat 0 0; 

}
div#aboutImage4
{
	height: 150px;
	width: 150px;
	background: url("./images/aboutImage4.png") no-repeat 0 0; 
}
input.sendFormInput
{
	height:25px;
	width: 150px;
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 5px;
}
input.sendFormInput::-webkit-input-placeholder 
{
	font-size: 14px;
}
input.sendFormInput:-moz-placeholder 
{
	font-size: 14px;
}
input.sendFormInput:-ms-input-placeholder
{
	font-size: 14px;
}
input.intercomInput
{
	border: none;
	color: white;
	font-size: 14px;
	font-family: "Open Sans", Arial;
	background-color: transparent;
	margin-top: 15px;
}
input.intercomInput.forCode
{
	font-size: 40px;
	width: 100px;
}
input.intercomInput.forKey
{
	height:30px;
	width: 250px;
	margin-bottom: 25px;
	margin-top: 40px;
}
input#login_input
{
	font-size: 25px;
}
input#email_input
{
	font-size: 25px;
}
.form_login.hash
{
	min-height: 0px;
}
button#editUserInfo
{
	width: 68px;
	height: 58px;
	margin-left:10px;
	background: url("./images/checkmark.png") no-repeat -4px -155px; 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; 
}
div#techSupport
{
	position: fixed;
	bottom: 20px;
	right: 20px;
	background-color: #808080;
	color: white;
	border: 1px solid #434343;
	padding: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; 
}
div#techSupport:hover
{
	cursor: pointer;
}
input#login_input::-webkit-input-placeholder 
{
	padding-top: 5px;
}
input#password_input::-webkit-input-placeholder 
{
	padding-top: 0;
	padding-bottom: 50px
}
input#login_input:-moz-placeholder 
{
	padding-top: 5px;
}
input#login_input:-ms-input-placeholder 
{
	padding-top: 5px;	
}
input#password_input:-moz-placeholder 
{
	padding-top: 0;
	padding-bottom: 50px
}
input#password_input:-ms-input-placeholder
{
	padding-top: 0;
	padding-bottom: 50px
}
div.warning
{
	font-size: 30px;
	color:white;
}
#chatBox 
{
	text-align: left;
	background: white;
	height: 50px;
	color:black;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; 
}
#messageBox
{
	text-align: left;
	background: white;
	margin-top: 20px;
	color: black;
	margin-right: 10px;
	width: 200px;
	height: 250px;
	margin-bottom: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; 
}
.mainInfoList
{
	list-style-image: none;
	padding-bottom: 10px;
}
.mainInfoList li
{
	padding: 30px 0px 0px 0px;
	list-style: none;
	margin:0;
}
.mainInfoListService
{
	list-style-image: url('./images/services.png');
}
.mainInfoListService li
{
	background: url("./images/services.png") no-repeat left top;
	padding: 13px 0px 15px 25px;
	list-style: none;
	margin:0;
}
.mainInfoList
{
	padding-top: 10px;
}
a#closeChat
{
	margin-left: 40px;
	color: red;
}
input::-webkit-input-placeholder 
{
	font-size: 20px;
}
input:-moz-placeholder 
{
	font-size: 20px;
}
input:-ms-input-placeholder 
{
	font-size: 20px;
}
div#forPhys form p
{
	font-size: 14px;
}
div#forOrg form p
{
	font-size: 14px;
}
input.addFormInput
{
	font-size: 14px;
	line-height: 52px;
	height: 45px;
}

form#addForm p
{
	font-size: 14px;
}
table.table
{
	font-size: 14px;
	color: black;
}
table.table thead tr th a, table.table tbody tr td
{
	color: black;
}
table.table input
{
	font-size: 14px;
}
.block.sendForm p
{
	margin: 5px 0 30px 0;
}
#sendFormPhys
{
	margin-top: 10px;
}
#sendFormOrg
{
	margin-top: 10px;
}
#lastNameSendMark
{
	margin-top: 15px;
	margin-bottom: 15px;
}
#firstNameSendMark
{
	margin-top: 30px;
	margin-bottom: 5px;
}
#fatherNameSendMark
{
	margin-top: 30px;
	margin-bottom: 5px;
}
#citySendMark
{
	margin-top: 30px;
	margin-bottom: 5px;
}
#sendFormForPhysMark
{
	margin-top: 30px;
	margin-bottom: 5px;	
}
#emailSendMark
{
	margin-top: 30px;
	margin-bottom: 5px;
}
#addressSendMark
{
	margin-top: 30px;
	margin-bottom: 5px;
}
#keyAmountSendMark
{
	margin-top: 30px;
}
#organisationNameSend
{
	margin-top: 10px;
}
#organisationCitySend
{
	margin-top: 10px;
	margin-bottom: 10px;
}
#organisationCommentSend
{
	margin-top: 10px;
}
#organisationNameSendMark
{
	margin-top: 20px;
	margin-bottom: 5px;
}
#organisationCitySendMark
{
	margin-top: 20px;
	margin-bottom: 5px;
}
#organisationContactPersonSendMark
{
	margin-top: 35px;
	margin-bottom: 5px;
}
#organisationEmailSendMark
{
	margin-top: 30px;
	margin-bottom: 5px;
}
#sendFormForOrgMark
{
	margin-top: 30px;
	margin-bottom: 5px;	
}
#orgVarMark
{
	margin-top: 30px;
	margin-bottom: 5px;
}
.acceptEditButton
{
	width: 64px;
	height: 74px;
	background: url("./images/checkmark1.png") no-repeat 0px -74px; 
}
#postsJournalTabs li a
{
	color: white;
}
#postsJournalTabs li a:hover
{
	color: grey;
}

.aboutContent
{
	width: 800px;
}
.editInputs div,input
{
	display: inline-block;
	margin: 0;
}
.editInputs input
{
	margin-bottom: 8px;
	height: 30px;
	width:100px;
}
#userKeys div.column
{
	width: 800px;
}
div#phoneDiv
{
	margin-bottom: 30px;
	width:200px;
	font-size: 25px;
	font-family: "Open Sans Condensed", Arial;
}
div.imageWithTexts
{
  display: inline-block;
}
div.imageWithTexts img
{

}
.page_home .section_main .content.contacts_content
{
	  padding: 150px 0 0 0;
}
.page_home .section_main .content.contacts_content .mainInfoList
{
	padding: 0;
}
.page_home .section_main .content.contacts_content .mainInfoList li
{
	padding: 0;
}
.page_home .section_main .content.contacts_content .mainInfoList li p
{
	padding: 0;
	margin: 0;
}
div.section_main div.section__content div.content h3
{
	margin-left: 100px;
}
body > div.page.intercom > div.section.section_main > div.section__content > div.content > div.bigInfo > div.imageWithTexts > h3
{
	margin-left: 0;
}
body > div.page.intercom > div.section.section_main > div.section__content > div.content > div.mainInfo > h3
{
	margin-left: 0;
}
body > div.page.page_home > div.section.section_main > div.section__content > div.content.contacts_content > div.mainInfo > h3
{
	margin-left: 0;
}
#postsJournalTabs li.active a
{
	color: #555555;
} 
div.tab-content
{
	color: white;
}
.form-horizontal
{
	border: 1px solid #eee;
	padding: 20px;
	box-shadow: 0 0 8px #3D4C53;
	width: 300px;
}
input.adminInput
{
	height: 20px;
	line-height: 30px;
}
form#addForm input
{
	height: 20px;
	line-height: 30px;
	font-size: 20px;
}
form#addForm h3, form#addBildForm h3
{
	color: black;
	font-size:20px;
	width: 760px;
}
form#addDeviceForm input
{
	height: 20px;
	line-height: 30px;
	font-size: 20px;
}
form#editClientForm input
{
	height: 20px;
	line-height: 30px;
	font-size: 20px;	
}
form#addBildForm input
{
	height: 20px;
	line-height: 30px;
	font-size: 20px;
}
form#adminLoginForm
{
	margin-top: 100px;
}
#forPhys > div.block.sendForm
{
	padding-bottom: 15px;
}
input#editRedirectPhone, input#codePrivate, input#codeGuest, input#keyInput, input.additionalCodeInput, input.additionalCodeNameInput
{
	font-size: 20px;
}
input.additionalCodeNameInput
{
	margin-left: 15px;
}
table.datepicker span.close
{
	font-size: 10px;
	float: none;
	text-shadow: none;
}
table.datepicker
{
	width: 200px;
}
table.datepicker tr.controls th select
{
	width: 80px;
}
table.datepicker tr.controls th select#monthSelect
{
	width: 100px;
}
table.datepicker tr.controls td span.close
{
	opacity: none;
	color: none;
}
div.emailDiv
{
	font-size: 10px;
}
div.smsDiv
{
	font-size: 10px;
	margin-left: 7px;
}
div.phoneNotificationDiv
{
	font-size: 10px;
}
#userKeys div.phoneNotificationDiv div.column
{
	width:80px;
	display: none;
}
.block div.column.phoneColumn
{
	width:360px;
}
#editPhone, #addNewPhone, #addNewSip, .unsetPhone div.info div.editmode input, .setPhone div.info div.editmode input
{
	width: 200px;
	font-size: 20px;
}
div.editmode input.additionalPhoneInput
{
	width: 200px;
	font-size: 20px;	
}
div.emailDiv
{
	vertical-align: bottom;
}
.email
{
	display: none;
}
div.email div.editmode input
{
	float: left;
	height: 40px;
}
div.emailDiv
{	
	font-family: "Open Sans Condensed", Arial;
	font-size: 25px;
	font-weight: 300;
}
div.smsDiv
{	
	font-family: "Open Sans Condensed", Arial;
	font-size: 20px;
	font-weight: 300;
}
div.editCheckboxCss
{
	display: inline-block;
}
div.phoneNotificationDiv
{
	font-family: "Open Sans Condensed", Arial;
	font-size: 20px;
	font-weight: 300;	
}
div.email div.editmode input
{
	font-size: 20px;
}
p.errorMessage
{
	color: red;
}
p.notification
{
	display: none;
}
div.notificationDiv
{
	font-size: 20px;
}

input[type=checkbox].css-checkbox {
	visibility: hidden;
}
label.css-label
{
	border-color: white;
	border: white 1px solid;
	border-radius: 3px;
	display: inline-block;
    height: 18px;
    width: 18px; 
    padding-left: 3px;
    text-align: center; 
    line-height: 15px;
    vertical-align: bottom;
}
label.css-label.sms-label
{
	margin-left: 7px;
}
input[type=checkbox].css-checkbox:checked + label:before {  
    content: "\2714";  
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);  
    font-size: 15px;  
    color: #f3f3f3;  
    text-align: center;  
    line-height: 15px;  
}
li.key__item p
{
	font-family: "Open Sans Condensed", Arial;
	font-size: 20px;
	font-weight: 300;
}
div.keyCheckboxes
{
	display: none;
}
div.checkboxes
{
	margin-top: -15px;
}
/*div.modal-body
{
	min-height: 900px;
}*/
.galleryImage
{
	padding: 10px 10px 10px 10px;
}
.mainImg
{
	width: 330px;
	height: 290px;
	margin-left: 200px;
	background-color: white;
}
div.mainImg p
{
	color:black;
	margin: 30px 0 0px 14px;
}
div.row title
{
	display: block;
	font-size: 30px;
	margin-left: 200px;
}
div.mainImg
{
	display: inline-block;
	margin-top: 10px;
}
img.galleryImage
{
	width:300px;
	height:200px;
}
input.alarmInput
{
	height:20px;
	
}
input.silentMode
{
	width:50px;
	height:25px;
	vertical-align: baseline;
	font-size: 20px;
}
div.silentModeDiv
{
	font-family: "Open Sans Condensed", Arial;
	font-size: 25px;
	font-weight: 300;
	display: inline-block;
	margin-left: 10px;
	vertical-align: super;
}
button.silentModeButton
{
	vertical-align: top;
	width: 52px;
	padding: 6px;
}
#middleAlarmInput, #highAlarmInput
{
	height: 20px;
}
.excelAddress
{
	width: 250px;
}
.adminHeader
{
	color: black;
}
.utilitiesContent div
{
	display: inline-block;
	width:27%;
	vertical-align:top;
	margin: 0 auto;
}
div#utilitiesLogo
{
	width: 410px;
	height: 250px;
	background: url("./images/rostelecom-logo.png") no-repeat 0 0;
	margin: 0;
}
div#utilitiesLogo2
{
	width: 1490px;
	height: 277px;
	background: url("./images/logo2.png") no-repeat 0 0;
	margin: 0;
}
div#utilitiesFIO
{
	float:right;
	font-size: 30px;
	margin-top: 20px;
}
div#lastReadingsTable
{
	margin-top: 20px;
	margin-left: 40px;
	font-size: 30px;
}
div#lastReadingsTable table
{
	font-weight: 900;
	font-size: 25px;
	font-color: black;
}
div.utilitiesHeader div
{
	display: inline-block;
}
div.utilitiesHeader
{
	min-width: 1900px;
}
div#personalAccount
{
	background-color: #F4F4F1;
	font-size: 20px;
	width: 70%;
}
div#archive
{
	background-color: #F4F4F1;
	width:250%;
	font-size: 20px;
	padding: 10px 10px 10px 10px;
}
div#readings
{
	background-color: #F4F4F1;
	width:100%;
	font-size: 20px;
	min-width: 550px;
	padding: 10px 10px 10px 10px;
}
div#readings select
{
	height:30px;
	vertical-align: top;
	width: 150px;
}
p.monthName
{
	margin-left: auto;
    margin-right: auto;
    width: 70%;
    text-decoration: underline;
}
div.utilitiesHeader b
{
	font-size: 20px;
}
div.intercomIPDiv
{
	display: inline;
}
div.utilitiesArchive
{
	width:20%;
}
input#demoCalendar
{
	height:20px;
	vertical-align: baseline;
}
button#demoExitButton
{
	float:right;
	margin-top: 185px;
	margin-right: 135px;
}
div.utilitiesReadings
{
	margin-top: 30px;
}
img#lampImage
{
	margin-top: 100px;
}
.utilitiesContent
{
	max-width: 100%;
	min-width: 1900px;
	margin: 0 auto;

}
div.utilitiesContent div.utilitiesCommon
{
	margin-left: 40px;
}
div#personalAccount
{
	padding: 10px 10px 10px 10px;
}
td.readingsCell
{
	font-size: 25px;
	font-weight: 700;
}
div#lastReadingsTable table thead tr th
{
	width: 1000px;
}
li#codeGuestExpires
{
	font-size: 25px;
	letter-spacing: normal;
	display: none;
	vertical-align: baseline;
}
input.expiresTime
{
	width: 50px;
	height: 45px;
	margin-left: 10px;
	font-size: 20px;
}
button#expiresTimeButton
{
	vertical-align: top;
	width: 52px;
	padding: 6px;
}
li.code__item.additional
{
	display: inline-block;
}
#newPrivateCodeInput
{
	display: block;
	height: 20px;
	width: 52px;
}
li.code__item.additional a.deleteAdditionalPrivateKey
{
	display: inline-block;
	vertical-align: text-bottom;
	padding: 13px 23px 12px 13px;
	margin-left: 5px;
	background: red;
}
li#codePrivateLi
{
	display: inline-block;
}
div.editmode button.deleteAdditionalPhone
{
	padding: 13px 23px 12px 13px;
	margin-left: 5px;
	background: red;
}
div#flatDiv
{
	font-size: 20px;
}
div.phone.icon_phone, div#flatDiv, div.phone.icon_phone div
{
	display: inline-block;
}
label.redirectObject
{
	vertical-align: top;
	margin-right: 5px;
}
#mouse_over_messagebox
{
   display:none;
   position:absolute;
   background-color:#fff;
   border:1px solid #000;
   padding:10px;
   max-width:200px;
}
div.phone.icon_phone div
{
	margin-bottom: 20px;
}
#editUserInfo, .saveButton
{
	float: left;
}
div#mainButtonsDiv
{
	padding-bottom: 20px;
}
#openDoorButton
{
	height: 100px;
	width: 200px;
	line-height: 50px;
	font-size: 30px;
}
.key__link p
{
	margin: -30px 35px 10px;
}
input#keyInput
{
	width:200px;
	margin-top:100px;
}
a.key__link, a.code__link
{
	cursor: default;
}
li.key__item, li.code__item, div.phone.icon_phone
{
	height:180px;
}
div.editUserForm div.info div.editmode
{
	margin-top: 20px;
}
#phoneForm, #editPhone
{
	margin-top: 20px;
}
div.fio
{
	padding-top: 10px;
	font-size: 28px;
	font-weight: 300;
}
div.address
{
	font-size: 18px;
	font-weight: 300;
}
#editEmail
{
	font-size: 30px;
	font-weight: 300;
	font-family: "Open Sans Condensed", Arial;
}
div.sipDiv
{
	font-size: 15px;
}
input.editKey
{
	height: 10px;
	line-height: 10px;
	width: 80px;
	margin-left: 10px;
}
.phoneRedirectLabel
{
	float: left;
	margin-left: -25px;
}
.expires
{
	font-size: 20px;
	margin-top: 60px;
}
#silentModeDisableLabel
{
	vertical-align: top;
	display: none;
}
div.left
{
	font-size: 20px;
}
.mobileInput
{
	width:50px;
}
#startTimeSilentModeDiv, #finishTimeSilentModeDiv
{
	display: inline-block;
}
div.title hr
{
	display: inline-block;
	width: 500px;
	vertical-align: middle;
}
div.userJournal div.title hr
{
	width: 40px;
}
div.fioAddress
{
	padding-left: 75px;
	padding-bottom: 20px;
	background:  url("./images/fioLogo.png") no-repeat;
	min-height: 50px;
}
div.column
{
	display: inline-block;
	vertical-align: top;
}
div.userInfo div.column
{
	width: 22%;
}
div.userInfoAddress div.title
{
	padding-top: 10px;
	font-size: 12px;
	color: #C4C9D1;
}

div#userKeysDownButton, div#userKeysUpButton
{
	display: inline-block;
	width: 20px;
	height:15px;

}
div#userKeysDownButton
{
	background: url("./images/downArrow.png") no-repeat;
	cursor: pointer;
}
div#userKeysUpButton
{
	background: url("./images/upArrow.png") no-repeat;
	cursor: pointer;
}
div.userKeyCodePhoneDiv
{
	width: 350px;
	height: 150px;
	background: url("./images/key.png") no-repeat;
	display: inline-block;
	margin-left: 10px;
	margin-top: 25px;
}
div.commentAndSip, div.keyNumber
{
	display: inline-block;
	vertical-align: top;
}
div.code, div.phone
{
	display: inline-block;
	padding-left: 50px;

}
div.commentAndSip
{
	padding-left: 60px;
	padding-top: 20px;
	padding-bottom: 20px;
}
div.keyNumberCommentAndSip
{
	background: #29acdb url("./images/key.png") 10px 20px no-repeat;
}
div.codeAndPhone
{
	background-color:  #4E9FC2;
	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 65px;
}
div.openButton
{
	background: #29acdb url("./images/doorOpen1.png") 10px 10px no-repeat;
	width: 195px;
	height: 50px;
	padding-left: 55px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: white;
	font-size: 20px;
	margin-top: 10px;
	cursor: pointer;
	text-align: center;
}
div.playVideoButton
{
	display: inline-block;
	width: 59px;
	height: 35px;
	background: #29acdb url('./images/icons3.png') 13px 5px no-repeat;
	margin-right: 5px;
	margin-top: 10px;
	cursor: pointer;
}
div.playVideoButton:hover
{
	background: #4E9FC2 url('./images/icons3.png') 13px 5px no-repeat;
}
div.viewPhotoButton
{
	display: inline-block;
	width: 59px;
	height: 35px;
	background: #29acdb url('./images/icons3.png') -50px 5px no-repeat;
	margin-right: 5px;
	margin-top: 10px;
	cursor: pointer;
}
div.viewPhotoButton:hover
{
	background: #4E9FC2 url('./images/icons3.png') -50px 5px no-repeat;
}
div.viewCalendarButton
{
	display: inline-block;
	width: 59px;
	height: 35px;
	background: #29acdb url('./images/icons3.png') -115px 5px no-repeat;
	margin-right: 5px;
	margin-top: 10px;
	cursor: pointer;
}
div.viewCalendarButton:hover
{
	background: #4E9FC2 url('./images/icons3.png') -115px 5px no-repeat;
}
.analogueHeaders
{
	color: black;
}
#analogueAddresses,#analogueIntercomsDiv,#analogueFlatsDiv,#fileNotificationDiv,#notificationDateDiv,#popupDiv
{
	display: none;
}
#analogueAddresses,#analogueIntercomsDiv,#analogueFlatsDiv,#fileNotificationDiv,#notificationDateDiv,#popupDiv
{
	border-bottom: 1px solid #dddddd;
	padding-bottom: 10px;
}
.popupHeadertext input
{
	text-align: center;
	width: 486px;
}
.popupMaintext textarea
{
	width: 500px;
}
.playRecord
{
	width: 50px;
	height: 50px;
	background: url("./images/play.png") no-repeat;
	cursor: pointer;
	display: block;
}
#addProtocol {
    width: 130px;
    height: 33px;
    background: url(./images/add_protocol.png);
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
}
/*.settings {
	display: inline-block;
    width: 59px;
    height: 35px;
    transform: rotate(0deg);
 	margin-right: 5px;
	margin-top: 10px;   
    overflow: hidden;
    position: relative;
    cursor: pointer;
    background-color: #6D7B8F;
}



.settings::before {
    background: #6D7B8F url("./images/settingIcon.png") 10px 10px no-repeat;
    content: "";
    height: 59px;
    position: absolute;
    width: 40px;
    z-index: -1;
    top:-10px;
    -webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg); 
}
.settings.chosen::before
{
	background: #29acdb url("./images/settingIcon.png") 10px 10px no-repeat;
    content: "";
    height: 59px;
    position: absolute;
    width: 40px;
    z-index: -1;
    top:-10px;
    -webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg);
}*/
div.settings
{
	overflow: hidden;
	position: relative;
	display: inline-block;
	width: 59px;
	height: 35px;
	/*background: #6D7B8F url('./images/cogwheel.gif') 15px 6px no-repeat;*/
	background: #29acdb url('./images/icons3.png') -180px 5px no-repeat;
	margin-right: 5px;
	margin-top: 10px;
	cursor: pointer;
}
/*div.functionalIntercomButtons div.settings::before
{
    background:  #6D7B8F url('./images/icons3.png') -180px 5px no-repeat !important;
    content: "";
    height: 200%;
    left: -50%;
    position: absolute;
    top: -50%;
    width: 200%;
    z-index: -1;
    -webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg);
}*/
div.actiontitle
{
	color: #99ffff;
	margin-bottom: 5px;
	font-size: 20px;
}
div.action
{
	margin-bottom: 20px;
}
div.actionTime
{
	display: inline-block;
	font-size: 14px;
	vertical-align: top;
}
div.actionContent
{
	display: inline-block;
	font-size: 11px;
}
div.userInfo div.column div.title
{
	font-size: 11px;
	color: #C4C9D1;
}
.slider {
	width: 40px;
	height: 26px;
	background: #04A0D5;
	display: inline-block;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: relative;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}
.guestCode
{
	display: inline-block;
	min-height: 40px;
}
.slider:after {
	font: 12px/26px Arial, sans-serif;
	color: #000;
	position: absolute;
	right: 10px;
	z-index: 0;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255,255,255,.15);
}

.slider:before {
	font: 12px/26px Arial, sans-serif;
	color: #00bf00;
	position: absolute;
	left: 10px;
	z-index: 0;
	font-weight: bold;
}

.slider label {
	display: block;
	width: 5px;
	height: 20px;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	position: absolute;
	top: 3px;
	left: 1px;
	z-index: 1;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #fcfff4;
,
	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.slider input[type=checkbox]:checked + label {
	left: 16px;
}
.slider input 
{
	display: none;
}

.sliderClientServiceElement
{
	padding: 10px 0px 10px 25px;
}
.slider.inline
{
	display: inline-block;
}

.sliderClientServiceText
{
	display: inline-block;
	color: white;
    text-align: left;
    font-size: 14px;
    margin-left: 20px;
    line-height: 0px;
    height: 15px;
    vertical-align: middle;
}
/*
.sliderClientServiceElement.changed .sliderClientServiceText
{
	color: #A49F9E;
}
.sliderClientServiceElement.changed .slider
{
	background: #A49F9E;
}
*/
.guestCode b
{
	font-size: 25px;
	margin-left: 10px;
	vertical-align: super;
	font-weight: 100;
}
div.timeicon
{
	padding: 5px 5px 5px 5px;
	width: 13px;
	height: 13px;
	background: url('./images/clock.png') 5px 5px no-repeat #616E82;
	display: inline-block;
	vertical-align: middle;
}
div.timeleft
{
	background: #6D7B8F;
	display: inline-block;
	height: 17px;
	padding-top: 4px;
	padding-bottom: 4px;
}
div.userKeyCodePhoneDiv.notactive .keyNumberCommentAndSip
{
	background: #8692A4 url("./images/key.png") 10px 20px no-repeat;
}
div.userKeyCodePhoneDiv.notactive .codeAndPhone
{
	background: #828EA0;
}
div.mark 
{
	width:22px;
	height:16px;
	background: url("./images/check.png") no-repeat;
	display: inline-block;
	float: right;
	margin-top: 5px;
	padding-right: 10px;
}
div.userKeyCodePhoneDiv.notactive .keyNumberCommentAndSip .mark
{
	background: url("./images/notActive.png") no-repeat;
	height:22px;
}
div.userKeyCodePhoneDiv
{
	cursor: pointer;
}
input#emailInput, input#mainPhoneInput
{
	width: 180px;
}
input#emailInput
{
	font-size: 24px;
	height: 33px;
	vertical-align: top;
	line-height: 22px;
}
input#guestCodeInput, input.codeInput
{
	width: 60px;
}
#startTimeSilentModeInput, #finishTimeSilentModeInput
{
	width:50px;
}
div.userInfo div.column.silentModeColumn
{
	width: 23%;
}
input.phoneInput
{
	width:140px;
}
div.keyNumber
{
	padding-top: 10px;
	padding-left: 7px;
}
div.mainColumn
{
	min-width: 820px;
	width: 820px;
}
div#photoList
{
	display: none;
}
div.viewCalendarButton img
{
	width:59px;
	height:35px;
	vertical-align: initial;
	opacity: 0;
}
div.keyTitle hr
{
	width: 620px;
}
div.openButton:hover
{
	background: #4E9FC2 url("./images/doorOpen.png") 10px 10px no-repeat;
}
div.diffHour, div.diffMinute
{
	display: inline-block;
}
input.diffHourInput, input.diffMinuteInput
{
	width: 12px;
	height: 5px;
	font-size: 10px;
	line-height: 5px;
	vertical-align: baseline;
}
#keyCodePhoneBlock
{
	padding-left: 0px;
}
div.mainColumn div.personalDataBlock, div.mainColumn div.personalDataBlock div.userInfo
{
	padding-bottom: 0px;
}
div.personalDataBlock
{
	min-height: 250px;
}
div.keyBlock
{
	min-height: 430px;
}
input#guestCodeInput
{
	font-weight: 100;
}
div.guestcodetimediv
{
	min-width: 500px;
}
div.code
{
	min-width: 66px;
}
p.help
{
	color: white;
}
div.helpDiv
{
	display: inline-block;
	width: 200px;
	margin-right: 20px;
	margin-bottom: 10px;
	vertical-align: top;
}
div.osVar
{
	width:333px;
	height:100px;
	display: inline-block;
	cursor: pointer;
}
#android, #androidApp
{
	background: url('./images/android.png') no-repeat;
}
#androidApp a
{
	width: 100px;
	height: 100px;
}
#ios, #iosApp
{
	background: url('./images/ios.png') no-repeat;
}
div.chooseOfOs, div.chooseOfOsApp
{
	margin-left: 30%;
	width: 40%;
	padding-top: 30px;
}
div.chooseOfHelpSection
{
	margin-left: 30%;
	width: 40%;
	padding-top: 30px;
	color: orange;
	font-size: 30px;
	padding-bottom: 30px;
}
div.chooseOfHelpSection:hover
{
	cursor: pointer;
}
div.chooseOfInstructions
{
	margin-left: 30%;
	width: 40%;
	margin-top: 50px;
}
div.page.page_home div.contentOfHelp
{
	background:#7A879A;
	text-align: center;
}
#accountUsing
{
	background: url('./images/accountUsing.png') no-repeat;
}
/*#sipSettings
{
	background: url('./images/sipSettings.png') no-repeat;
}*/
#backToChooseOfIos
{
	width: 150px;
	height: 50px;
	background: #29acdb;
	color: white;
	vertical-align: middle;
	line-height: 50px;
	text-align: center;
	font-size: 30px;
	cursor: pointer;
}
#backToChooseOfIos:hover
{
	background-color: #4E9FC2;
}
input, button, div.settings, div.viewCalendarButton, div.viewPhotoButton, div.playVideoButton, div.openButton
{
	border-radius: 4px !important;
	-moz-border-radius: 4px !important;  /* для firefox */
  	-webkit-border-radius: 4px !important;  /* для Safari и Chrome */
}
div.viewCalendarButton, div.viewPhotoButton, div.playVideoButton, div.openButton
{
	vertical-align: top;
}
div.keyNumberCommentAndSip
{
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
div.codeAndPhone
{
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
#regform
{
	margin-bottom: 30px;
}
#intercomWebFormCfgInput input
{
	height: 20px;
}
div.sip, div.sipServer
{
	text-transform: none;
}
div.guestColumn
{
	margin-left: 20px;
}
a.appHref
{
	color: orange;
}
a.appHref:hover
{
	color: blue;
}
#fullVersion
{
	height: 200px;
	width: 200px;
	margin-left: 50%;
	white-space: normal;
}
input.keyNameInput
{
	width: 200px;
	height: 20px;
}
span.required
{
	color: red;
	vertical-align: middle;
	font-size: 15px;
}
div.fieldExplanations
{
	/*float: right;
	display: inline-block;
	margin-right: 105px;*/

}
#adminMainContent .addressInput
{
	display: inline-block;
}
#adminMainContent .addressInput.bigField input
{
	width: 200px;
}
#adminMainContent .addressInput.smallField input
{
	width: 50px;
}


form.gponUserAddForm div.row-fluid input, form.gponUserAddForm div.row-fluid p
{
	margin-left: 30px;
}
form.gponUserUpdateForm div.row-fluid input, form.gponUserUpdateForm div.row-fluid p
{
	margin-left: 30px;
}
div.fieldExplanations span
{
	margin-right: 20px;
	font-size: 18px;
}
div.fieldExplanations#gponAddrLabels span
{
	margin-right: 20px;
	font-size: 18px;
}
div.fieldExplanations span.required
{
	margin-right: 15px;
}
div.actiontitle:hover
{
	cursor: pointer;
}
p.clientAdd
{
	color: blue;
	font-size: 25px;
}
div#pagesRow
{
	font-size: 15px;
	color: black;
}
div#pagesRow a 
{
	color: black;
}
div#pagesRow a:hover
{
	color: blue;
}
div.actions
{
	height: 500px;
	width: 200px;
	overflow: hidden;
}
div.displayTime
{
	font-size: 20px;
}
form#editClientForm h3
{
	color: black;
	font-size: 20px;
}
form#editClientForm h3 div
{
	display: inline-block;
}
form#editClientForm h3 div.editCityDiv
{
	margin-left: 10px;
	margin-right: 10px;
}
form#editClientForm h3 div.editStreetDiv
{
	margin-left: 75px;
	margin-right: 15px;
}
form#editClientForm h3 div.houseHelpInfo
{
	margin-left: 130px;
	margin-right: 20px;
}
form#editClientForm h3 div.houseHelpInfo span
{
	margin-left: 15px;
	margin-right: 15px;
}
input#editFormKorp, input#editFormFlat
{
	width: 40px;
}
ul#loginTabs li
{
	background-color: #888FB9;
}
ul#loginTabs li.active
{
	background-color: #018CA0;
}
p.rememberMeLogin
{
	display: inline-block;
	margin-left: 10px;
}
div.rememberMeDiv
{
	float: right;
}
div.smsNotification.active
{
	height: 64px;
	width: 64px;
	background: url('./images/sms.png') no-repeat;
	display: inline-block;
	cursor: pointer;
}
div.emailNotification.active
{
	height: 64px;
	width: 64px;
	background: url('./images/email.png') no-repeat;
	display: inline-block;
	cursor: pointer;
}
div.smsNotification
{
	height: 64px;
	width: 64px;
	background: url('./images/smsBNW.png') no-repeat;
	display: inline-block;
	cursor: pointer;
}
div.emailNotification
{
	height: 64px;
	width: 64px;
	background: url('./images/emailBNW.png') no-repeat;
	display: inline-block;
	cursor: pointer;
}
div.phoneNotification.active
{
	height: 64px;
	width: 64px;
	background: url('./images/phone_icon.png') no-repeat;
	display: inline-block;
	cursor: pointer;
}
div.phoneNotification
{
	height: 64px;
	width: 64px;
	background: url('./images/phone_iconBNW.png') no-repeat;
	display: inline-block;
	cursor: pointer;	
}
td > div[contenteditable="true"] 
{
    min-height: 1em;
}
#videoFromIntercom
{
	display: inline-block;
}
#rightArrowForVideo
{
	display: inline-block;
	width: 50px;
	height: 150px;
	vertical-align: top;
	background: url('./images/rightArrow.png') no-repeat;
	cursor: pointer;
}
#leftArrowForVideo
{
	display: inline-block;
	width: 50px;
	height: 150px;
	vertical-align: top;
	background: url('./images/leftArrow.png') no-repeat;
	cursor: pointer;
}
#lastNameForFilter, #nameForFilter, #FatherNameForFilter, #cityForFilter, #streetForFilter, #bildForFilter, #phoneForFilter, #intercomForFilter, #korpForFilter, #flatForFilter
{
	height: 20px;
}
#bildForFilter,  #flatForFilter
{
	width: 50px;
}
#korpForFilter
{
	width: 90px;
}
#regedIntercom, #bildRegedIntercom, #intercomList
{
  border: 1px solid #cccccc;
  width: 250px;
  display: block;
}
#regedIntercom
{
	display: inline-block;
}
#toFind
{
	display: inline-block;
    vertical-align: top;
    margin-left: -135px;
    background: none !important;
    width: 100px;
    border-left: 1px solid #ECF0F1;
    border-right: 1px solid #ECF0F1;
}
#adminJournalCalendarFrom, #adminJournalCalendarTo, #analogueNotificationDate, #analogueNotificationTime, #analogueNotificationEditDate, #analogueNotificationEditTime
{
	height: 20px;
}
#analogueNotificationTime
{
	width: 50px;
}
#showAdminJournal
{
	display: block;
	width: 250px;
}
#allUsers
{
	width: 40px;
	height: 30px;
	padding: 0;
	margin: 0;
	margin-top: 5px;
	background: url('./images/users.png') no-repeat #006dcc 5px;
}
#groupEdit
{
	display: none;
}
.groupEdit {
	width: 40px;
	height: 26px;
	background: #68758B;
	display: inline-block;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: relative;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}
.groupEdit:after {
	font: 12px/26px Arial, sans-serif;
	color: #000;
	position: absolute;
	right: 10px;
	z-index: 0;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255,255,255,.15);
}

.groupEdit:before {
	font: 12px/26px Arial, sans-serif;
	color: #00bf00;
	position: absolute;
	left: 10px;
	z-index: 0;
	font-weight: bold;
}

.groupEdit label {
	display: block;
	width: 5px;
	height: 20px;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	position: absolute;
	top: 3px;
	left: 1px;
	z-index: 1;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.groupEdit input[type=checkbox]:checked + label {
	left: 16px;
}
.groupEdit input 
{
	display: none;
}
.groupEdit
{
	vertical-align: bottom;
}
#clearIntercoms
{
	display: none;
}
#phoneForVoting
{
	font-size: 25px;
}
#voteForm
{
	font-size: 25px;
}
.groupEditWrapper
{
	width: 300px;
}
#voteForm div 
{
    /* style this span element so we can display nicely, this stlying is not neccessary */
    margin: 10px 0;
    display: block;
    width: 350px;
}
#voteForm div input[type="radio"] 
{
    /* hide the inputs */
    opacity: 0;
}
#voteForm div label
{
	width: 250px;
	display: inline-block;
}
#voteSubmit
{
	  background: #1DCDE7;
}
#voteForm div input[type="radio"] + label
{
    /* keep pointer so that you get the little hand showing when you are on a button */
    cursor: pointer;
    /* the following are the styles */
    padding: 4px 10px;
    border: 1px solid #ccc;
    background: #efefef;
    color: #aaa;
    border-radius: 3px;
    text-shadow: 1px 1px 0 rgba(0,0,0,0);
}
#voteForm div input[type="radio"]:checked + label
{
    /* style for the checked/selected state */
    background: #777;
    border: 1px solid #444;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
    color: white;
}
#voteForm div #voteCheckedDiv
{
	margin-left: 5px;
	width: 32px;
	height: 32px;
	background: url('./images/voteChecked.png');
	display: inline-block;
	vertical-align: text-top;
}
#voteForm div input[type="submit"]
{
	margin-left: 20px;
}
.tab-content 
{
	margin-top: 5px;
}
#wrongLoginForm
{
	margin-top: 20px;
}
#loginTabs
{
	border-bottom:none;
}
#sendFormPhys .column, #sendFormOrg .column
{
	width: 250px;
}
#groupEditMessage
{
	color: blue;
	font-size: 20px;
}
#analogueAddresses p, #analogueIntercoms p, #analogueFlats p, #analogueEditAddresses p, #analogueEditIntercoms p, #analogueEditFlats p
{
	display: inline-block;
}
.operatorNameInput, .operatorPasswordInput
{
	height:20px !important;
}
.operatorRoleInput
{
	width:300px;
}
#saveNotification
{
	display: none;
}
.operatorName, .operatorPassword, .operatorRole
{
	color: black;
}
.datePickerModal
{
	top: 465px !important;
	left: 180px !important;
	z-index: 1050 !important;
}
#modalMassNotificationEdit
{
	margin-left: 1000px;
}
.mapIcomRow
{
	cursor: pointer;
}
#analogueAddresses, #analogueIntercoms, #analogueFlats
{
	min-height: 10px;
    max-height: 300px;
    overflow-y: auto;
	overflow-x: none;
}
.slider.indnot
{
	background-color: #19FF19;
}
.viewIntercomConfig
{
	cursor: pointer;
}
#usersConfView, #extensionsConfView
{
	height: 300px;
	overflow-y: scroll;
	overflow-x: none;	
}
#adminJournalPeriodFrom, #adminJournalPeriodTo
{
	display: inline-block;
}
#adminJournalPeriodTo
{
	margin-left: 150px;
}
.keyEditKeyParagraph, .keyEditCodeParagraph, .keyEditPhoneParagraph, .keyEditActiveParagraph
{
	display: inline-block;
}
.keyEditKeyParagraph, .keyEditCodeParagraph, .keyEditPhoneParagraph
{
	width: 210px;
}
.keyEditActiveParagraph
{
	margin-left: 0px;
}
.refreshKey
{
	display: none;
}
.dateSection
{
	cursor: pointer;
}
.currentDate
{
	display: inline-block;
}
.dateSection
{
	background-color: grey;
    color: white;
}
.dateSection a
{
	color:blue;
}
.currentDate,.callAmount,.emailCount, .smsCount, .keyOpenCount, .codeOpenCount, .callAmountCount, .intercomAmountCount, .intercomButtonCount
{
	padding-left: 10px;
}
.currentDate
{
	padding-top: 20px;
}
.callStatisticTable
{
	margin-top: 10px;
	margin-bottom: 10px;
}
#monthStatistic, #yearStatistic
{
	width: 120px;
	border: 1px solid;
}
#addressStatistic
{
	width: 250px;
	border: 1px solid;
}
#intercomStatistic
{
	width: 200px;
	border: 1px solid;
}
#statisticContent img
{
	display: block;
	/*margin-top: 50px;*/
	margin: 0 auto;
	width: 50%;
}
#mancomList
{
	width: 300px;
}
div.accessDiv p, div.accessDiv input
{
	display: inline-block;
}
#adminHeader
{
	width: 1040px;
	height: 125px;
	margin: 0 auto;
	position: relative;
	min-width: 1100px;
}
#adminHeader #adminHeaderLogo
{
	width: 130px;
	height: 125px;
	background: url(./images/adminHeaderLogo.png) no-repeat center,#2E98B8;
	background: url(./images/adminHeaderLogo.png) no-repeat center,-moz-linear-gradient(top, rgba(122,188,255,1) 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%); /* FF3.6-15 */
	background: url(./images/adminHeaderLogo.png) no-repeat center,-webkit-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background:  url(./images/adminHeaderLogo.png) no-repeat center,linear-gradient(to bottom,#2E98B8,#667074);
	display: inline-block;
	vertical-align: top;
	padding: 0px 5px;
}
#adminHeaderLogo, #adminHeaderContent
{
	border: 1px solid #A49F9E;
}
#adminHeader #adminHeaderContent
{
	height: 125px;
	width: 1037px;
	background: url(./images/header-pic-main.png) no-repeat center;
	display: inline-block;
}
/*#adminHeader #adminHeaderContent h1*/
#adminHeader #adminHeaderContent h1
{
    font-size: 40px;
    width: 600px;
    font-weight: 500;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
}
#adminHeaderExit 
{
	background: url(./images/exit.png);
	width:37px;
	height: 40px;
	position: absolute;
	top:10px;
	right: 65px;
	cursor: pointer;
	border: none;
}
#adminContent
{
	margin: 0 auto;
    width: 1040px;
    min-width: 1100px;
}
#navSide, #adminMainContent
{
	display: inline-block;
	vertical-align: top;
	position: relative;
	border: 1px solid #A49F9E;
	padding-top: 20px;
	padding-top: 30px;
}
#navSide
{
	width: 140px;
	background-color: #2E98B8;
}
#navSide hr, #adminMainContent hr
{
	display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
}
#adminMainContent hr
{
	margin-top: -2px;
	margin-left: -10px;
}
.navSide
{
	/*list-style-image: url('./images/markerArrowDown.png');*/
	font-weight: 600;
    font-size: 11px;
    /*list-style-position: inside;*/
    margin: 0 0 10px 0px;
    list-style: none;
}
.navSide li.mainTab
{
	 background: url('./images/markerArrowDown.png') no-repeat 8px 5px;
}
.navSide li.subTab
{
	padding-right: 5px;
	background-color: #206A80;
	display: none;
}
.navSide li.subTab:hover a
{
	color: #55AB55;
}
.navSide li:before
{
	vertical-align: middle;
}
.navSide li
{
	padding-left: 20px;
}
.navSide li.mainTab.active
{
	background: url('./images/markerArrowDownActive.png') #206A80 no-repeat 8px 5px;
}
.navSide li.subTab.active a
{
	color: #55AB55;
}
.navSide li a
{
	color: white;
	display: block;
}
#adminMainContent
{
	width: 885px;
	background-color: #ECF0F1;
	height: 1500px;
    overflow: auto;
    padding-top: 12px;
    padding-left: 10px;
}
#adminMainContent input, #adminMainContent select
{
	background-color: #BCC6CB;
}
#adminHeaderContent
{
	background: #fff;
	background: -moz-linear-gradient(top, #fff 0%, rgba(255,255,255,1) 44%, rgba(64,150,238,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fff 0%,rgba(255,255,255,1) 44%,rgba(64,150,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,#fff,#CACDD1);	
}
form#addForm .addFormMainHeader, form#addBildForm .addFormMainHeader
{
	background: #44A2BE;
	background: -moz-linear-gradient(right, #44A2BE 0%, rgba(68,162,190,1) 44%, rgba(250,253,253,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(right, #44A2BE 0%,rgba(68,162,190,1) 44%,rgba(250,253,253,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,#44A2BE,#fff);	
	width: 899px;
	margin-left: -10px;
}
/*#addForm .row-fluid h3, #addForm .row-fluid div, #addForm .row-fluid p.infoP, #addBildForm .row-fluid h3, #addBildForm .row-fluid div
{
	padding-left: 30px;
}*/
.row-fluid
{
	width: 98% !important;
}
#addWholeHouseSubmit, #addClientSubmit, #addKeyAuto
{
	width: 150px;
    font-size: 20px;
}
#addIntercomUserMsg
{
	float:right;
	color: red;
	font-size: 12px;
	font-weight: bold;
}
#addClientSubmit, #addWholeHouseSubmit, #addKeyAuto
{
	height: 30px;
	background: url(./images/add.png);
}
.newKeyAddForm
{
	width: 36px;
	height: 36px;
	background: url(./images/plus-icon.png);
	display: inline-block;
    vertical-align: middle;
    margin-top: -5px;
}
.deleteKeyAddForm
{
	width: 36px;
	height: 36px;
	background: url(./images/trash-icon.png) no-repeat;
	display: inline-block;
    vertical-align: middle;
    margin-top: -5px;	
}
p#asteriskExplanation
{
	position: absolute;
    top: 75px;
    right: 20px;
    width: 150px;
}
input.searchUsersField
{
	width: 161px;
}
#cfgSettings td, #cfgSettings th
{
	padding: 0px;
	font-size:11px;
	font-weight: 500;
}
#cfgSettings thead
{
	display: none;
}
#adminMainContent, #adminMainContent div 
{
	margin-left: 0;
}
.startSearch
{
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url(./images/search-icon.png) no-repeat;
}
.startSearchGponButton
{
	display: inline-block;
    width: 42px;
    height: 42px;
    background: url(./images/search-icon.png) no-repeat;
}
table#clientTableGpon td
{
	font-size: 12px;
}
table#clientTableGpon tr td
{
	cursor: pointer;

}
/*
table#clientTableGpon tr:nth-child(even)
{
    background-color: #BCC6CB;
}
table#clientTableGpon tr:first-child 
{
    background-color: #ECF0F1;
}
*/
table#clientTableGpon tr td
{
	text-decoration: underline;

}
table#clientTableGpon tr.notEditable td
{
	text-decoration: none;

}
table#clientTableGpon tr td:hover
{
	text-decoration: none;

}
#allUsers
{
    width: 38px;
    display: block;
    height: 33px;
    margin-top: -10px;
    margin-left: -4px;
    cursor: pointer;
}
.deleteUser
{
	display: inline-block;
	width: 42px;
	height: 42px;
	background: url(./images/trash-icon.png) no-repeat;
}
.deleteUserAit
{
	display: inline-block;
	width: 42px;
	height: 42px;
	background: url(./images/trash-icon.png) no-repeat center;
}
.statUserAit
{
	display: inline-block;
	width: 42px;
	height: 42px;
	background: url(./images/client-charts-icon.png) no-repeat center;
}
.infoUserAit
{
	display: inline-block;
	width: 42px;
	height: 42px;
	background: url(./images/client-info-icon.png) no-repeat center;
}
.commandsUserAit
{
	display: inline-block;
	width: 42px;
	height: 42px;
	background: url(./images/client-commands-icon.png) no-repeat center;
}
.preparedCommandsuserAit
{
	display: inline-block;
	width: 42px;
	height: 42px;
	background: url(./images/client-prepared-icon.png) no-repeat center;
}
.editUser
{
	display: inline-block;
	width: 42px;
	height: 42px;
	background: url(./images/edit-icon.png) no-repeat center;	
}
.editProtocol
{
	display: inline-block;
	width: 42px;
	height: 42px;
	background: url(./images/edit-icon.png) no-repeat center;	
}
.deleteProtocol
{
	display: inline-block;
	width: 42px;
	height: 42px;
	background: url(./images/trash-icon.png) no-repeat center;	
}
.generateReport, #cfgExportAll, a.generateSelectedReport
{
	display: inline-block;
	width: 42px;
	height: 42px;
	background: url(./images/list-icon.png) no-repeat center;	
	border: none;
	vertical-align: middle;
	cursor: pointer;
}
a.generateSelectedReport
{
	display: none;
    float: right;
    margin-right: 19px;
    margin-top: 28px;
}
.cfgExport, .statisticsReport, .statisticsDetailReport
{
	display: inline-block;
	width: 42px;
	height: 42px;
	background: url(./images/list-icon.png) no-repeat center;	
	border: none;
	cursor: pointer;	
}
#cfgExportAll
{
	vertical-align: middle;
}
#renewAll, .renewFirmware
{
	display: inline-block;
	width: 42px;
	height: 42px;
	background: url(./images/wheel-icon.png) no-repeat center;	
	border: none;	
	vertical-align: middle;
}
.changeIntercomIP
{
	display: inline-block;
	width: 42px;
	height: 42px;
	background: url(./images/earth-icon.png) no-repeat center;	
	border: none;	
	vertical-align: middle;	
}
.refreshIntercom
{
	display: inline-block;
	width: 42px;
	height: 42px;
	background: url(./images/home-icon.png) no-repeat center;	
	border: none;	
	vertical-align: middle;		

}
#showAdminJournal, form .chooseIntercom
{
	width: 128px;
	height: 30px;
	background: url(./images/show.png);
	cursor: pointer;
}
.editMassNotification, .editMapIntercom, .editXMPPUser, .editStream, .editOperator, .editMassIntercomNotification
{
	display: inline-block;
	width: 42px;
	height: 42px;
	background: url(./images/edit-icon.png) no-repeat;	
	cursor: pointer;
} 
.deleteMassNotification, .deleteMapIntercom, .deleteXMPPUser, .deleteStream, .deleteOperator, .deleteMassIntercomNotification
{
	display: inline-block;
	width: 42px;
	height: 42px;
	background: url(./images/trash-icon.png) no-repeat;	
	cursor: pointer;
}
#usersConfView, #extensionsConfView
{
	background: #BEBEBE;
	display: inline-block;
    width: 350px;
    color: black;
}
#usersConfHeader, #extensionsConfHeader
{
	display: inline-block;
	width: 347px;
}
h3#usersConfHeader, h3#extensionsConfHeader
{
	font-size: 14px;
}
#adminMainContent
{
	height: 794px;
}
#navSide
{
	height: 776px;
}
.statisticsReport
{

}
.device-type-tab
{
  display: inline-block;
  width: 47%;;
  text-align: center;
  font-size: 14px !important;
  cursor: pointer;
  padding: 10px;
  border: 2px solid #ccc;
}
#adminMainContent #gpon
{
	margin-left: -3px;
}
.device-type-tab.active
{
  border-bottom: 5px solid #55AB55;
}
.device-type-tab:hover
{
  border-bottom: 3px solid #55AB55;
}
form#adminLoginForm
{
	margin: 0 auto;
}
.container
{
	width: 1024px;
	height:100vh;
	background: #EBF0F1;
}
.ClientServicePhone
{
	text-align: center;
	color: #FFFFFF;
	font-size: 25px;
}
#adminHeaderAuth
{
	width: 1024px;
	height: 175px;
	margin: 0 auto;
	position: relative;
	margin-bottom: 35px;
}
#adminHeaderAuth #adminHeaderLogoAuth
{
	width: 125px;
	height: 175px;
	background: url(./images/adminHeaderLogo.png) no-repeat center;
	position: absolute;
	display: inline-block;
	vertical-align: top;
	z-index: 1;
}
#adminHeaderAuth #adminHeaderContentAuth
{
	position: absolute;
	height: 127px;
	width: 1024px;
	background: url(./images/header-pic.png) no-repeat center;
	display: inline-block;
	-webkit-box-shadow: 0px 3px 1px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 1px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 1px 0px rgba(0,0,0,0.75);
}
#adminHeaderAuth #adminHeaderContentAuth h1
{
    font-size: 40px;
    width: 600px;
    font-weight: 500;
    text-align: center;
    margin: 0 auto;
    margin-top: 40px;
}
#adminHeaderContentAuth
{
	background: #fff;
	background: -moz-linear-gradient(top, #fff 0%, rgba(255,255,255,1) 44%, rgba(64,150,238,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fff 0%,rgba(255,255,255,1) 44%,rgba(64,150,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,#fff,#CACDD1);	
}
.form-horizontal#adminLoginForm
{
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(bottom, #fff 0%, rgba(255,255,255,1) 44%, rgba(109,153,179,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(bottom, #fff 0%,rgba(255,255,255,1) 44%, rgba(109,153,179,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to top,#fff,#6D99B3);
	border: none;
	height: 200px;
	width: 360px;	
}
input.adminInput 
{
    display: block;
    height: 35px;
    width: 255px;
    margin: 0 auto;
    line-height: 30px;
    margin-bottom: 33px;
    border: none;
    color: #5E686E;
    font-size: 20px;
    background: #84A4B3 url(./images/auth-login-icon.png) no-repeat 245px 14px;
}
input#admin_input
{
	background: #84A4B3 url(./images/auth-login-icon.png) no-repeat 245px 14px;
}
input#password_input_auth
{
	background: #84A4B3 url(./images/auth-pass-icon.png) no-repeat 245px 14px;
}
input.adminInput::-webkit-input-placeholder
{
	color: #5E686E;
}
input.adminInput:-moz-placeholder
{
	color: #5E686E;
}
button#authButton
{
	width: 90px;
	height: 29px;
	display: block;
	margin: 0 auto;
	background: url(./images/enter-button.png) no-repeat center;
}

.btn#dismissEditModal
{
	background: url(./images/modal-icon-close.png) no-repeat center;
	border: none;
	box-shadow: none;
	width: 23px;
	height: 23px;
}
form#editClientForm
{
	background: #fff;
	background: -moz-linear-gradient(top, #fff 0%, rgba(255,255,255,1) 44%, rgba(109,153,179,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fff 0%,rgba(255,255,255,1) 44%, rgba(109,153,179,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,#fff,#6D99B3);
}
div.personalInfoModal
{
	background: #fff;
	background: -moz-linear-gradient(top, #fff 0%, rgba(255,255,255,1) 44%, rgba(109,153,179,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fff 0%,rgba(255,255,255,1) 44%, rgba(109,153,179,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,#fff,#6D99B3);
	padding: 15px;
}
div#editModal
{
	background: #fff;
	background: -moz-linear-gradient(top, #fff 0%, rgba(255,255,255,1) 44%, rgba(109,153,179,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fff 0%,rgba(255,255,255,1) 44%, rgba(109,153,179,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,#fff,#6D99B3);
}
div.modal-body
{
	padding: 0px !important;
}
div.editKeys, div.editKeysAit
{
	background: #fff;
	background: -moz-linear-gradient(top, #fff 0%, rgba(255,255,255,1) 44%, rgba(163, 232, 193, 1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fff 0%,rgba(255,255,255,1) 44%, rgba(163, 232, 193, 1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,#fff,#A3E8C1);
	padding: 15px;
}
div.modalClientServices
{
	background: #fff;
	background: -moz-linear-gradient(top, #fff 0%, rgba(255,255,255,1) 44%, rgba(109,153,179,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fff 0%,rgba(255,255,255,1) 44%, rgba(109,153,179,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,#fff,#6D99B3);
	padding: 15px;
}
div.modalClientServices p
{
	color: #000000;
}
table.table#deviceTable
{
	background: #6D99B3;
	padding: 15px;
	margin-bottom: 0px;

}
button#editUserSubmit, button#editUserSubmit:hover
{
	margin: 15px 15px 15px 0px;
	width: 127px;
	height: 30px;
	background: url(./images/modal-save-button.png) no-repeat center;
	border: none;
	box-shadow: none;
}
div.modal-header
{
	/*background: #EBF0F1;*/
	border-bottom: none;
}
form#editClientForm, form#editClientForm label
{
	color: #000000;
}
form#editClientForm input 
{
    height: 20px;
    line-height: 25px;
    font-size: 20px;
}
form#editClientForm input, form#editClientForm select
{
	background-color: #BCC6CB;
}
div.editKeys input, div.editKeys select, div.editKeysAit input, div.editKeysAit input
{
	background-color: #BCC6CB;
}
table.table#deviceTable input, table.table#deviceTable select
{
	background-color: #BCC6CB;
}
a.deleteKey, a.deleteIntercom
{
	background: url(./images/modal-trash-icon.png) no-repeat center;
	border: none;
	box-shadow: none;
	width: 23px;
	height: 23px;
}
a.deleteKey:hover, a.deleteIntercom:hover
{
	background: url(./images/modal-trash-icon.png) no-repeat center;
	border: none;
	box-shadow: none;
	width: 23px;
	height: 23px;
}
a.newKey
{
	background: url(./images/modal-add-icon.png) no-repeat center;
	border: none;
	box-shadow: none;
	width: 23px;
	height: 23px;
}
a.newKey:hover
{
	background: url(./images/modal-add-icon.png) no-repeat center;
	border: none;
	box-shadow: none;
	width: 23px;
	height: 23px;
}
a.addIntercom
{
	background: url(./images/modal-addIntercom-icon.png) no-repeat center;
	border: none;
	box-shadow: none;
	width: 23px;
	height: 23px;
}
a.addIntercom:hover
{
	background: url(./images/modal-addIntercom-icon.png) no-repeat center;
	border: none;
	box-shadow: none;
	width: 23px;
	height: 23px;
}
a.editIntercom, a.editIntercom:hover
{
	background: url(./images/modal-editIntercom-icon.png) no-repeat center;
	border: none;
	box-shadow: none;
	width: 23px;
	height: 23px;
}
div.modal-body
{
	color: #000000;
}

div.section_main div.section__content div.content h3.clientServicesTopHeader 
{
	margin-left: 0px;
	text-align: center;
}

div.clientServicesText.mainInfo
{
	margin-left: 50px;
	text-indent: 2em; /* Отступ первой строки */
    text-align: justify;
    width: 1030px;
    margin: 0 auto;
}
div.clientServicesTopAddress
{
	margin-top: 20px;
	text-indent: 0em; /* Отступ первой строки */
    text-align: justify; /* Выравнивание по ширине */
}
.intercom .section_main div.content
{
	padding: 10px 0px 20px 0px;
}
div.clientServicesText.mainInfo.bottom
{
	margin-top: 25px;
	clear: both;
}
div.sliderClientServiceElement
{
	padding: 5px 0px 5px 0px;
}
div.sliderClientServiceWrapper
{
	margin-left: 50px;
	-webkit-box-shadow: 0px 1px 5px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 1px 5px -1px rgba(0,0,0,0.75);
	box-shadow: 0px 1px 5px -1px rgba(0,0,0,0.75);
	padding: 5px 15px 5px 15px;
	background: #A1A1A1;
}
/*button.button_middle
{
	margin-left: 0px;
	margin-top: -38px;
	margin-bottom: 10px;
	float: right;
}*/
div.sliderClientServiceElementInfo
{
	color: #DDDDDD;
	font-size: 14px;
	/*
	-webkit-box-shadow: 0px 1px 2px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 1px 2px -1px rgba(0,0,0,0.75);
	box-shadow: 0px 1px 2px -1px rgba(0,0,0,0.75);
	*/
	width: 500px;
    margin-left: 60px;
    margin-top: -10px;
    text-align: left;
    /*border-top: 1px dashed #DDDDDD;*/
}
div.sliderClientServiceText
{
	font-size: 17px;
	margin-left: 20px;
    line-height: 0px;
    height: 20px;
    font-weight: bold;
}
h3.clientServicesTopHeader
{
	margin: 0px 0px;
}
div.sliderClientServiceWrapper
{
	margin-bottom: 50px;
	width: 1000px;
	margin: 0 auto;
}
.slider.inline.notChecked
{
	background: #828484;
}

div.statisticsColumn
{
	width: 33.3333%;
	display: inline-block;
	vertical-align: top;
}
div#statisticContent
{
	background-color: #CCCECF;
	/*padding-bottom: 20px;*/
}
div#statisticsTotal
{
	background-color: #CCCECF;
	border-top: 2px dashed #ECF0F1;
}
div.dateSection
{
	background: none;
	color: #000000;
}

table.table#exportTable.statisticsTable
{
	width: 100%;
	margin-bottom: 0px;
}

table.table#exportTable.statisticsTable tbody
{
	max-height: 251px;
    overflow-y:scroll;
    display:block;
    width: 100%;
}
table.table#exportTable.statisticsTable tbody tr
{
	float: left;
    display:block;
    width: 100%;
}
table.table#exportTable.statisticsTable tbody td
{
	float: left;
    display:block;
    width: 9.23%;
}
table.table#exportTable.statisticsTable thead tr
{
	float: left;
    display:block;
    width: 100%;
    -webkit-box-shadow: 0px 3px 1px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 1px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 1px 0px rgba(0,0,0,0.75);
}
table.table#exportTable.statisticsTable thead th
{
	float: left;
    display:block;
    width: 9.05%;
    font-size: 11px;
}
a.blockUser.blocking
{
	display: block;
	width: 32px;
	height: 32px;
	background: url("./images/block-client.png") no-repeat 0 0; 
}
a.blockUser.unblocking
{
	display: block;
	width: 32px;
	height: 32px;
	background: url("./images/unblock-client.png") no-repeat 0 0; 
}

a.blockUser:hover::after
{
	content: attr(data-title);
	background: rgba(44,62,80,0.9);
	padding:10px;
	position: absolute;
	border-radius: 5px;
	margin-left: -82px;	
	margin-top: -61px;	
}
table.table#clientTable th, table.table#clientTable td
{
	padding: 8px 4px 8px 3px;
}

div#modalClientMessage
{
	z-index: -100; 
}

div#modalClientMessageContent.modal-content
{
	box-shadow: 0px 1px 5px -1px rgba(0,0,0,0.75) !important;
    padding: 15px 15px 15px 15px !important;
    background: #A1A1A1 !important;
}
div#modalClientMessageHeader.modal-header
{
	color: #FFFFFF;
	text-align: center;
    font-size: 25px;
    font-weight: bolder;
    border-bottom: 2px solid #ddd;
}
div#modalClientMessageBody.modal-body
{
	color: #FFFFFF;
    font-size: 16px;
    text-align: justify;
    height: 150px;
    padding: 15px 0px 15px 0px !important;
}
div#modalClientMessageFooter.modal-footer
{
	background: #A1A1A1 !important;
}
form#updateForm div, form#updateForm h3
{
	color: #000000;
}
div#modalGponClient
{
	z-index: -100;
	width: 575px;
}

#updateForm .row-fluid h3, #updateForm .row-fluid div, #updateForm .row-fluid p.infoP, #addBildForm .row-fluid h3, #addBildForm .row-fluid div
{
	padding-left: 30px;
}
form#updateForm h3, form#addBildForm h3 {
    color: black;
    font-size: 20px;
    width: 400px;
}
.gponUserUpdateForm .fieldExplanations
{
	float: none;
	margin-left: 268px;
	margin-right: 0px;
}
input.addAitButton
{
	font-size: 14px;
	line-height: 52px;
	height: 45px;
}
input.msgAitButton
{
	font-size: 14px;
	line-height: 52px;
	height: 45px;
}
.newKeyAddAit
{
	width: 36px;
	height: 36px;
	background: url(./images/plus-icon.png);
	display: inline-block;
    vertical-align: middle;
    margin-top: -5px;
}
.newKeyMsgAit
{
	width: 32px;
	height: 32px;
	background: url(./images/send-msg.png) no-repeat center;
	display: inline-block;
    vertical-align: middle;
    margin-top: -5px;
}
a.newKeyAddAit:hover::after
{
	content: attr(data-title);
	background: rgba(44,62,80,0.9);
	padding:10px;
	position: absolute;
	border-radius: 5px;
	margin-top: -30px;
}
a.newKeyMsgAit:hover::after
{
	content: attr(data-title);
	background: rgba(44,62,80,0.9);
	padding:10px;
	position: absolute;
	border-radius: 5px;
	margin-top: -50px;
	margin-left: -49px;
}
div.modal-body#gponModalBody, div.modal-body#gponModalMsgBody
{
	font-size: 16px;
	padding: 0px 20px 0px 20px !important;
}
div#gponSendMsgs
{
	margin-top: 15px;
}
div#gponMsgOutput
{
	background: #BCC6CB;
	width: 520px;
	height: 300px;
	overflow-y: auto; 
}
div#gponInfoBlock
{
	margin-top: -20px;
}
div.modal-body#gponModalBody
{
	max-height: 685px;
}
div.modal.fade#modalGponMsgs
{
	z-index: -1;
	width: 566px;
}
div.modal.fade#modalGponClient
{
	z-index: -1;
}
div.modal.fade#modalGponGetStat
{
	z-index: -1;
	width: 1060px;
    left: 35%;
    top: 1%;
    /*margin: 0 auto;*/
}
div.modal.fade#modalGponGetStat .modal-body
{
	max-height: 1100px;
	overflow-y: hidden;
}
div.chartWrapper
{
	display: inline-block;
}
#canvas1,#canvas2,#canvas3,#canvas4,#chart1,#chart2,#chart3,#chart4
{
	height: 350px;
	width: 500px;
}
div.modal#modalGponGetStat input, div.modal#modalGponGetStat option, div.modal#modalGponClient input, div.modal#modalGponClient option, div.modal#modalGponMsgs input, div.modal#modalGponMsgs option
{
	height: 20px;
	background-color: #BCC6CB;
}
div.modal#modalGponGetStat select, div.modal#modalGponClient select, div.modal#modalGponMsgs select
{
	height: 30px;
	width: 100px;
	margin-bottom: 10px;
	background-color: #BCC6CB;
}
div#pickDateForChartsButton
{
	display: inline-block;
	width: 127px;
	height: 30px;
	cursor: pointer;
	background: url(./images/showChartsButton.png) no-repeat center;
	vertical-align: top;
}
input.msgAitFormInput#anymsg
{
	width: 469px;
}
h4.modal-title
{
	font-weight: bold;
}
.modal-body#modalGponJournalBody div#jrnl1, .modal-body#modalGponJournalBody div#jrnl2, .modal-body#modalGponJournalBody div#jrnl3
{
	max-height: 300px;
	height: 200px;
	width: 32.9%;
    display: inline-block;
	overflow-y: auto; 
}
.modal#modalGponJournal
{
	z-index: -1;
}
.modal#modalGponJournal .modal-body#modalGponJournalBody
{
	overflow-y: hidden; 
}

/*Artem ^*/

li.mainTab
{
	cursor: pointer;
}
#asteriskExplanation
{
    margin-top: 33px;
}
#adminContent h3
{
	font-weight: 500;
	color: black;
}
#exportHeaderTable tr, #exportTable tr
{
	font-size: 14px;
	font-weight: 500;
}
#exportTable tr input
{
	font-size: 11px;
	color: black;
}
#adminJournalData
{
	font-size: 11px;
	font-weight: 500;
}
#viewSipPasswordsTable tbody
{
    font-size: 11px;
    font-weight: 500;
	line-height: 12px;
}
#operatorTable
{
	font-size: 11px;
    font-weight: 500;
}
tr.mapIcomRow
{
	font-size: 11px;
    font-weight: 500;
}
#adminMainContent p
{
	font-size: 11px;
	font-weight: 500;
}
#xmppUsersTable
{

	font-size: 11px;
	font-weight: 500;
	color:black;
}
#videoStreamsTable
{
	font-weight: 500;
    font-size: 11px;
    color: black;
}
#viewUnregSipPasswords
{
	font-size: 11px;
	font-weight: 500;
}
#adminHeaderExit:hover::after
{
	content: attr(data-title);
	background: rgba(44,62,80,0.9);
	padding:10px;
	position: absolute;
	right: 30px;
	border-radius: 5px;
}
a.newKeyAddForm:hover::after, a.deleteKeyAddForm:hover::after, a.generateReport:hover::after, #cfgExportAll:hover::after, .refreshIntercom:hover::after, .cfgExport:hover::after, .renewFirmware:hover::after, .changeIntercomIP:hover::after, .startSearch:hover::after, .startSearchGponButton:hover::after, #allUsers:hover::after, .editMassNotification:hover::after, .editMapIntercom:hover::after, .editXMPPUser:hover::after, .deleteXMPPUser:hover::after, .editStream:hover::after, .deleteStream:hover::after, .statisticsReport:hover::after, .editMassIntercomNotification:hover::after, .deleteMassIntercomNotification:hover::after, a.generateSelectedReport:hover::after, .statisticsDetailReport:hover::after
{
	content: attr(data-title);
	background: rgba(44,62,80,0.9);
	padding:10px;
	position: absolute;
	border-radius: 5px;
	margin-top: -60px;
	margin-left: -66px;
}
.statisticsReport:hover::after, .statisticsDetailReport:hover::after
{
	color: white;
}
a.generateSelectedReport:hover::after
{
    margin-top: -65px;
    margin-left: -85px;
}
#renewAll:hover::after,#cfgExportAll:hover::after
{
	content: attr(data-title);
	background: rgba(44,62,80,0.9);
	padding:10px;
	position: absolute;
	border-radius: 5px;
	margin-top: 0px;
	margin-left: -60px;	
}
#cfgSettings
{
	margin-top: 20px;
}
.deleteMassNotification:hover::after, .deleteMapIntercom:hover::after
{
	content: attr(data-title);
	background: rgba(44,62,80,0.9);
	padding:10px;
	position: absolute;
	border-radius: 5px;
	margin-left: -45px;	
	margin-top: -30px;
}
.deleteUser:hover::after
{
	content: attr(data-title);
	background: rgba(44,62,80,0.9);
	padding:10px;
	position: absolute;
	border-radius: 5px;
	margin-top: -61px;
	margin-left: -10px;
}
.deleteUserAit:hover::after, .statUserAit:hover::after, .infoUserAit:hover::after, .commandsUserAit:hover::after, .preparedCommandsuserAit:hover::after
{
	content: attr(data-title);
	background: rgba(44,62,80,0.9);
	padding:10px;
	position: absolute;
	border-radius: 5px;
	margin-top: -61px;
	margin-left: -48px;
}
.editUser:hover::after
{
	content: attr(data-title);
	background: rgba(44,62,80,0.9);
	padding:10px;
	position: absolute;
	border-radius: 5px;
	margin-left: -97px;	
	margin-top: -61px;	
}
#existingMassNotifications th, #xmppUsersTable th, #intercomsOnMapTable th, #videoStreamsTable th
{
	text-align: left;
}
.addKeyClientId, .addKeyFlatNumber
{
	display: inline-block;
}
#startProc
{
    height: 31px;
    width: 218px;
	background: url(./images/startProc.png) no-repeat;
}
.inputForKeys
{
	height: 25px;
    vertical-align: sub;
}
#keySuccessfullyAdded
{
	text-indent: 20px;
    color: #006400;
    font-weight: 500;
    visibility: hidden;
}
#addingOperators input[type=text], #addingOperators input[type=password]
{
	height: 34px;
	width: 95%;
}
#addOperatorSubmit
{
	height: 30px;
    background: url(./images/add.png);
    width: 150px;
    display: block;
}
#restrictions
{
	position: absolute;
	top:45px;
    right: 80px;
    color: black;
}
#operatorType
{
	width: 150px;
}
#restrictions p
{
	display: inline-block;
	 margin-right: 5px;

}
#mobApps
{
    color: white;
    font-size: 30px;
}
#iosFooter
{
	background: url(./images/iosSmall.png) no-repeat center;
	width: 167px;
	height: 50px;
	display: inline-block;
}
#androidFooter
{
	background: url(./images/androidSmall.png) no-repeat center;
	width: 167px;
	height: 50px;
	display: inline-block;
}
#iosFooter, #androidFooter
{
	cursor: pointer;
}
#adminUserInfo
{
    width: 37px;
    height: 33px;
    background: url(./images/userInfo.png) no-repeat center;
    display: block;
    position: absolute;
    top: 14px;
    right: 100px
}
a#adminUserInfo:hover::after
{
	content: attr(data-title);
	background: rgba(44,62,80,0.9);
	padding:10px;
	position: absolute;
	border-radius: 5px;
	margin-left: -70px;
	/*margin-left: -97px;	
	margin-top: -61px;*/
	/*margin-left: -97px;	
	margin-top: -61px;*/
}
#intercomNotificationList p, #intercomNotificationList input
{
	display: inline-block;
}
#addIntercomNotification
{
	background: url(./images/add.png);
	width: 130px;
    height: 34px;
}
#fileIntercomNotificationDiv
{
	display: none;
}
#intercomNotificationDateDiv
{
	display: none;
}
#saveIntercomNotification
{
	display: block;
}
.editMassNotification, .deleteMassNotification
{
	cursor: pointer;
}
form .intercomSerialForMap,form .intercomLatitudeForMap,form .intercomLongitudeForMap, form .xmppUser, form .xmppPassword, form .HLSStream, form .HDSStream, form .RTMPStream, form .RTSPStream, form#addingOperators input[type=text], form#addingOperators input[type=password], #intercomNotificationDate, #intercomNotificationTime, #newIntercomIntercom, #newIntercomAddress, #intercomSelectForIntercomAdd, #newIntercomPorch
{
	height: 20px;
	line-height: 20px;
}
#addIntercomForMap, #addXmppUser, #addVideoStream, #newIntercom
{
	background: url(./images/add.png);
	width: 130px;
    height: 34px;	
    display: block;
}
div.intercomList
{
	padding: 20px 10px;
}
#addNewIntercom
{
	margin-top: 10px;
}
.intercomAddNotes
{
	display: inline-block;
}
#newIntercomCity, #newIntercomStreet, #newIntercomBild, #newIntercomKorp, #newIntercomPorch, #newIntercomFlat
{
	width: 130px;
	height: 20px;
	line-height: 30px;	
}
#newKeyVal::-webkit-input-placeholder { font-size: 15px; }
#newKeyVal::-moz-placeholder { font-size: 15px;  } /* firefox 19+ */
#newKeyVal:-ms-input-placeholder { font-size: 15px;  } /* ie */
#newKeyVal:-moz-placeholder { font-size: 15px; }
#accessColumnRight
{
	float: right;
	display: inline-block;
}
#accessColumnLeft
{
	text-align: left;
	display: inline-block;
}
#accessColumnLeft p
{
	width: 900px;
}
.keyEditActive
{
	width: 70px;
}
.intercomNoteDiv
{
	text-align: right;
}
#renewAll
{
	padding: 4px 4px;
}
#operatorTable .operatorNameInput,#operatorTable .operatorPasswordInput,#operatorTable .operatorRoleInput,#operatorTable .mancomTypeSelect,#operatorTable .mancomNameInput,#operatorTable .mancomLegalAddrInput,#operatorTable .mancomPostAddrInput,#operatorTable .mancomINNInput,#operatorTable .mancomPhoneInput,#operatorTable .mancomEmailInput
{
	width: 60px;
    height: 20px !important;
    line-height: 30px;
    font-size: 10px;
}
#operatorTable .mancomTypeSelect
{
	padding:0;
	height: 30px !important;
}
#operatorTable tr
{
	vertical-align: top;
}
table.table#clientTable th, table.table#clientTable td
{
	word-wrap: break-word;
    max-width: 150px;
}
#operatorTable td, #operatorTable th
{
	word-wrap: break-word;
    max-width: 80px;	
}

.reportSearchInputsWrapper input#input, .cfgSettingsSearchInputsWrapper input#input, .intercomsSipPasswordsTableSearchInputsWrapper input#input, .UnregSipPasswordsSearchInputsWrapper input#input, .intercomsOnMapTableSearchInputsWrapper input#input, .individualAnalogueNotificationSettingsSearchInputsWrapper input#input, .intercomsOnMapTableSearchInputsWrapper #inputIntercomOnMapCity, .intercomsOnMapTableSearchInputsWrapper #inputIntercomOnMapStreet, .intercomsOnMapTableSearchInputsWrapper #inputIntercomOnMapBild, .intercomsOnMapTableSearchInputsWrapper #inputIntercomOnMapKorp, .xmppUsersTableSearchInputsWrapper input#input
{
	height: 20px !important;
}

input.searchPorchForList
{
	height: 20px !important;
	margin-top: 35px;
}

input.searchIntercomForCfg
{
	height: 20px !important;
}
input.searchAddresForMsg
{
	height: 20px !important;
}
.keyAddSearchInputsWrapper input
{
	height: 20px !important;
	margin-right: 4px;
}
div.analogueNotificationSearchInputsWrapper input
{
	height: 20px !important;
}

#keyAddSearchTable thead
{
	display: table-header-group;
}
table thead th, table thead td
{
	font-weight: bold;
	font-size: 14px;
	color: black;
}
#startDateProtocol, #finishDateProtocol
{
	width: 150px;
	height: 20px;
	line-height: 30px;
}
#addressVoteProtocol
{
	width: 400px;
    vertical-align: baseline;
}
#generateProtocol
{
	display: block;
	width: 258px;
	height: 33px;
	background: url(./images/generateProtocol.png);
	cursor: pointer;
}
#voteQuorum 
{
	width: 100px;
    height: 20px;
}
#modalMassNotificationEdit
{
	width: 1000px;
	padding: 20px;
}
#restrictions div
{
	height: 20px;
}
.addFormInput
{
	vertical-align: top;
}
#addWholeHouseNotice
{
	margin-left:30px;
	color: red;
	display: none;
}
#addWholeHouseNoticeDiv
{
	width:200px;
	height: 10px;
}
#chooseIntercomP
{
	margin-left: 30px;
}
.mapIcomLatitude, .mapIcomLongitude, .xmppIntercom, .xmppPassword, .notificationIntercomsDate, .notificationIntercomsPath, .notificationIntercomsIntercoms, .HLSStream, .HDSStream, .RTMPStream, .RTSPStream
{
    word-break: break-all;
    max-width: 200px;
}
#adminMainContent #modalMassNotificationEdit
{
	z-index: -1;
}
.callCount
{
	cursor: pointer;
}
#exportHeaderTable
{
	display: none;
}
#submitVote input 
{
	height: 30px;
    width: 300px;
    margin-left: 20px;
}
#submitEditVote input
{
	margin-left: 20px;
}
.addressForVideo
{
	cursor: pointer;
}
#hlsInput, #hdsInput, #rtspInput, #rtmpInput
{
	height: 20px;
	line-height: 20px;
}
#modalVideoStream div.modal-body
{
	padding: 40px !important;
}
div#modalVideoStream.modal.fade
{
	z-index: -1 !important;
}
#refreshStreams 
{
	width: 130px;
	height: 34px;
	background: url(./images/refresh.png);
	cursor: pointer;
}
#sendFormOrg, #sendFormPhys
{
	height: 400px;
}
.notificationIntercomsIntercoms, .notificationIntercomsPath, .notificationIntercomsDate,.xmppIntercom,.xmppPassword, .mapIcomSerial, .mapIcomLatitude, .mapIcomLongitude
{
    background-color: #BCC6CB;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#resForKeyObjects div p
{
	display: inline-block;
}
#chooseObjectHeader
{
	display: none;
}
#resForKeyObjects input
{
	width: 126px;
	height: 20px;
	margin-right: 4px;
}
#resForKeyObjects input[type=checkbox]
{
	width: 20px;
	vertical-align: sub;
}
#flatNumberForKeyAdd input
{
	width: 47px;
	height: 20px;
	margin-right: 4px;	
}
#addKeyButton
{
    margin: 15px 15px 15px 0px;
    width: 127px;
    height: 30px;
    background: url(./images/add_keys.png) no-repeat center;
    border: none;
    box-shadow: none;
    display: inline-block;
    vertical-align: bottom;
    cursor: pointer;
}
.addKeyFieldDiv
{
	display: inline-block;
	margin-right: 23px;
}
.addKeyFieldHeaderDiv
{
	display: inline-block;
	font-weight: bold;
	font-size: 13px;
	margin-right: 33px;
	display: none;
}
.addKeyFieldDiv input
{
	width: 77px;
	height: 20px;
	margin-right: 4px;		
}
.addKeyFlat
{
	width: 126px;
	height: 20px;
	margin-right: 4px;	
}
.addKeyFieldKeyDiv
{
	display: inline-block;
}
.addKeyFieldKeyDiv input
{
	width: 126px;
	height: 20px;
	margin-right: 44px;
}
.addKeyFieldKey
{
	margin-right: 107px;
}
.deleteAutoKeys
{
	display: inline-block;
    width: 42px;
    height: 42px;
    background: url(./images/trash-icon.png) no-repeat;
    cursor: pointer;
    vertical-align: middle;
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	div.container.mobile
	{
		background:#A49F9E;
		margin-left:auto;
		margin-right:auto;
		width: 500px;
	}
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
	div.container.mobile
	{
		background:#A49F9E;
		margin-left:auto;
		margin-right:auto;
		width: 500px;
	}
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
	div.container.mobile
	{
		background:#A49F9E;
		margin-left:auto;
		margin-right:auto;
		width: 500px;
	}
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
	div.container.mobile
	{
		background:#A49F9E;
		margin-left:auto;
		margin-right:auto;
		width: 500px;
	}
	div.mainColumn 
	{
		min-width: 100px;
		width: 740px;
	}
	input#guestCodeInput, input.codeInput 
	{
		width: 30px;
	}
	input.phoneInput 
	{
		width: 100px;
	}
	div.userKeyCodePhoneDiv
	{
		margin-bottom: 50px;
	}
	#startTimeSilentModeInput, #finishTimeSilentModeInput 
	{
		width: 30px;
	}
	div.keyTitle hr
	{
		width: 590px;
	}
	div.page.intercom
	{
		width: 1080px;
	}
	div.page.page_home
	{
		width: 1100px;
	}
	div.mainInfo
	{
		padding-right: 30px;
	}
}
/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
	div.container.mobile
	{
		background:#A49F9E;
		margin-left:auto;
		margin-right:auto;
		width: 500px;
	}
	div.mainColumn 
	{
		min-width: 100px;
		width: 740px;
	}
	input#guestCodeInput, input.codeInput 
	{
		width: 30px;
	}
	input.phoneInput 
	{
		width: 100px;
	}
	div.userKeyCodePhoneDiv
	{
		margin-bottom: 50px;
	}
	#startTimeSilentModeInput, #finishTimeSilentModeInput 
	{
		width: 30px;
	}
	div.keyTitle hr
	{
		width: 590px;
	}
	div.openButton
	{
		width: 175px;
	}
	div.playVideoButton, div.viewPhotoButton, div.viewCalendarButton, div.settings
	{
		width: 55px;
	}
	div.page.intercom
	{
		width: 1080px;
	}
	div.page.page_home
	{
		width: 1100px;
	}
	div.mainInfo
	{
		padding-right: 30px;
	}
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
	div.container.mobile
	{
		background:#A49F9E;
		margin-left:auto;
		margin-right:auto;
		width: 500px;
	}
	div.mainColumn 
	{
		min-width: 100px;
		width: 740px;
	}
	input#guestCodeInput, input.codeInput 
	{
		width: 30px;
	}
	input.phoneInput 
	{
		width: 100px;
	}
	div.userKeyCodePhoneDiv
	{
		margin-bottom: 50px;
	}
	#startTimeSilentModeInput, #finishTimeSilentModeInput 
	{
		width: 30px;
	}
	div.openButton
	{
		width: 175px;
	}
	div.playVideoButton, div.viewPhotoButton, div.viewCalendarButton, div.settings
	{
		width: 55px;
	}
	div.page.page_home
	{
		width: 1100px;
	}
	div.mainInfo
	{
		padding-right: 30px;
	}
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
	div.container.mobile
	{
		background:#A49F9E;
		margin-left:auto;
		margin-right:auto;
		width: 500px;
	}
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
	div.container.mobile
	{
		background:#A49F9E;
		margin-left:auto;
		margin-right:auto;
		width: 500px;
	}
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
	div.container.mobile
	{
		background:#A49F9E;
		margin-left:auto;
		margin-right:auto;
		width: 500px;
	}
}