@font-face {
  font-family: 'Framework7 Icons';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Framework7Icons-Regular.eot");
  src: local('Framework7 Icons'),
       local('Framework7Icons-Regular'),
       url("../fonts/Framework7Icons-Regular.woff2") format("woff2"),
       url("../fonts/Framework7Icons-Regular.woff") format("woff"),
       url("../fonts/Framework7Icons-Regular.ttf") format("truetype"),
       url("../fonts/Framework7Icons-Regular.svg") format("svg");
}

.f7-icons, .framework7-icons {
  font-family: 'Framework7 Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  font-feature-settings: "liga";
}



/* Statuses of Claims*/
.claim_status{
	width:10px;
	height:10px;
	border-radius:5px;
	background-color:gray;
}
/*новая*/
.status1{
	background-color:gray;
}
/*выдана*/
.status2{ 
	background-color:orange;
}
/**/
.status3{ 
	background-color:#6666ff;
}
/**/
.status4{
	background-color:#191919;
}
/**/
.status5{
	background-color:#66ff66;
}
/**/
.status6{
	background-color:red;
}

.status7{
	background-color:red;
}

.swipeout-blue{
	background-color:#bee3f6 !important; 
}

.swipeout-green{
	background-color:#6dfe66 !important; 
}

.swipeout-yellow{
	background-color:#acaea5!important; 
}

/*ICONS*/


.has-updates{
	width:10px;
	height:10px;
	border-radius:5px;
	background-color:#0080ff;
}


.wait-off{
	width:10px;
	height:10px;
	border-radius:5px;
	background-color:#fe1e16;
}

i.icon.icon-star {
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 53.867 53.867'><polygon style='fill:#EF0000;' points='26.934,1.318 35.256,18.182 53.867,20.887 40.4,34.013 43.579,52.549 26.934,43.798 10.288,52.549 13.467,34.013 0,20.887 18.611,18.182 '/></svg>");
}

i.icon.icon-star-middle {
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 53.867 53.867'><polygon style='fill:#dbd81d;' points='26.934,1.318 35.256,18.182 53.867,20.887 40.4,34.013 43.579,52.549 26.934,43.798 10.288,52.549 13.467,34.013 0,20.887 18.611,18.182 '/></svg>");
}

i.icon.icon-star-big {
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 53.867 53.867'><polygon style='fill:#EF0000;' points='26.934,1.318 35.256,18.182 53.867,20.887 40.4,34.013 43.579,52.549 26.934,43.798 10.288,52.549 13.467,34.013 0,20.887 18.611,18.182 '/></svg>");
}

i.icon.icon-star-big-yellow {
  width: 25px;
  height: 25px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 53.867 53.867'><polygon style='fill:#ffa500;' points='26.934,1.318 35.256,18.182 53.867,20.887 40.4,34.013 43.579,52.549 26.934,43.798 10.288,52.549 13.467,34.013 0,20.887 18.611,18.182 '/></svg>");
}
i.icon.icon-star-big-black {
  width: 25px;
  height: 25px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 53.867 53.867'><polygon style='fill:#000000;' points='26.934,1.318 35.256,18.182 53.867,20.887 40.4,34.013 43.579,52.549 26.934,43.798 10.288,52.549 13.467,34.013 0,20.887 18.611,18.182 '/></svg>");
}


i.icon.icon-checked-big {
  width: 30px;
  height: 30px;
  background-image: url("/img/checked.svg");
  
}

i.icon.icon-list {
  width: 25px;
  height: 25px;
  background-image: url("/img/clipboard.svg");
  
}

i.icon.icon-list-notowner {
  width: 25px;
  height: 25px;
  background-image: url("/img/clipboard-grey.svg");
  
}

i.icon.icon-tv {
  width: 25px;
  height: 25px;
  background-image: url("/img/television.svg");
  
}

i.icon.icon-df {
  width: 25px;
  height: 25px;
  background-image: url("/img/telephone.svg");
  
}


i.icon.icon-time {
  width: 25px;
  height: 25px;
  background-image: url("/img/stopwatch.svg");
  }
  
  i.icon.icon-timewait {
  width: 25px;
  height: 25px;
  background-image: url("/img/stopwatch_wait.svg");
  }

i.icon.icon-home {
  width: 25px;
  height: 25px;
  background-image: url("/img/home-1.svg");
  /*background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58.867 58.867' ><polygon style='fill:#E7ECED;' points='29,1.682 6,23.039 6,27.682 6,57.682 52,57.682 52,27.682 52,23.039 '/><path style='fill:#556080;' d='M36,57.682H22v-17c0-3.866,3.134-7,7-7h0c3.866,0,7,3.134,7,7V57.682z'/><polyline style='fill:none;stroke:#DD352E;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;' points='1,27.682 29,1.682 57,27.682 '/></svg>");

*/
}

i.icon.icon-tools {
  width: 25px;
  height: 25px;
  background-image: url("/img/tools.svg");
}

i.icon.icon-employees {
  width: 25px;
  height: 25px;
  background-image: url("/img/group.svg");
}
i.icon.icon-status {
  width: 25px;
  height: 25px;
  background-image: url("/img/low-battery.svg");
  
}

i.icon.icon-contacts {
  width: 25px;
  height: 25px;
  background-image: url("/img/phone-book.svg");
  
}

i.icon.icon-info{
  width: 25px;
  height: 25px;
  background-image: url("/img/information.svg");
  
}

i.icon.icon-zabbix{
  width: 25px;
  height: 25px;
  background-image: url("/img/icon-zabbix-96.png");
  
}

i.icon.icon-chat{
  width: 25px;
  height: 25px;
  background-image: url("/img/chat.svg");
  
}

i.icon.icon-settings{
  width: 25px;
  height: 25px;
  background-image: url("/img/settings (1).svg");
  
}

i.icon.icon-identity{
  width: 25px;
  height: 25px;
  background-image: url("/img/id-card.svg");
  
}

i.icon.icon-wallet{
  width: 25px;
  height: 25px;
  background-image: url("/img/wallet.svg");
  
}

i.icon.icon-payment{
  width: 25px;
  height: 25px;
  background-image: url("/img/receipt.svg");
  
}

i.icon.icon-map{
  width: 25px;
  height: 25px;
  background-image: url("/img/map.svg");
  
}

i.icon.icon-entrance{
  width: 25px;
  height: 25px;
  background-image: url("/img/entrance.svg");
  
}

i.icon.icon-entrance-df{
  width: 25px;
  height: 25px;
  background-image: url("/img/entrance_df.svg");
  
}

i.icon.icon-entrance-inet{
  width: 25px;
  height: 25px;
  background-image: url("/img/entrance_inet.svg");
  
}

i.icon.icon-network{
  width: 25px;
  height: 25px;
  background-image: url("/img/network.svg");
  
}

i.icon.icon-location{
  width: 25px;
  height: 25px;
  background-image: url("/img/placeholder.svg");
  
}

i.icon.icon-login{
  width: 25px;
  height: 25px;
  background-image: url("/img/i-form-name-ios.svg");
  
}

i.icon.icon-pass{
  width: 25px;
  height: 25px;
  background-image: url("/img/i-form-password-ios.svg");
  
}

i.icon.icon-url{
  width: 25px;
  height: 25px;
  background-image: url("/img/i-form-url-ios.svg");
  
}


	
.claim_item
{
	align-items: baseline;
}

.wait_claim
{
	background-color: rgba(76, 76, 75, 0.99);
}

.claim_icon {
	flex-direction: column;
	justify-content: flex-start
	
}

.search_string , .hidden
{
	display:none;
}

.address{
  font-size: 11px;
  color: #7f7f7f;
  padding-left:10px;
  padding-top:5px;
  
}

.address_scheme{
  font-size: 11px;
  color: #3f3f3f;
  padding-left:10px;
  padding-top:5px;
  
}  

.username{
  font-size: 13px;
  color: #0080ff;
  padding-left:10px;
  padding-top:5px;
  
}

.worktype{
  font-size: 13px;
  color: #F44336;
  padding-left:10px;
  padding-top:5px;
}
.claim_detail {
	font-size:12px;
}
.rightdiv {
  position: absolute;
  right: 8px;
  height: 100%;
}

.execute {
	background-color:#d6eaf4;
}

.floor_num{
    background: coral;
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 5px;
    align-content: center;
    align-self: center;
    padding: 0;
    color: darkred;
			
}

.entr_num{
    background: #3092ea;
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 5px;
    align-content: center;
    align-self: center;
    padding: 0;
    color: white;
			
}


li.data{
	    border-bottom: 1px solid #e6e6e6;
    	margin-left: 5px;
    	margin-top:15px;
}
div.data_key{
	    font-size: 10px;
    	color: #365b9e;
	
}

div.data_value{
	text-align: right;
	text-align: right;
    padding-right: 10px;
    padding-bottom: 5px;
    font-size: smaller;
	
}

.back_update{
	background-color: #e1fed1;
}

.flat_sktv{
	
	border: 1px solid #828080;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	/*-moz-box-shadow: 0px 0px 8px #000000;
	-webkit-box-shadow: 0px 0px 8px #000000;*/
	/*box-shadow: 0px 0px 8px #000000;*/
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	opacity: 0.75;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 75);
	/*-ms-filter must come before filter*/
	filter: alpha(opacity = 75);
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*All filters must be placed together*/
	width:40px;
	height:40px;
	text-align:center;
	padding:5px;
	margin:5px;
		
	
}

.flat_inet{
	
	
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	/*-moz-box-shadow: 0px 0px 8px #000000;
	-webkit-box-shadow: 0px 0px 8px #000000;*/
	/*box-shadow: 0px 0px 8px #000000;*/
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	opacity: 0.75;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 75);
	/*-ms-filter must come before filter*/
	filter: alpha(opacity = 75);
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*All filters must be placed together*/
	width:40px;
	height:40px;
	text-align:center;
	padding:5px;
	margin:5px;
		
	
}
.flat_inet.has_cable{
	border: 1px solid #828080;
}

.flat_inet.has_no_cable{
	border: 1px dashed #101010;
}

.link_flat	:active{
	 opacity: 0.3;
  -webkit-transition-duration: 50ms;
  transition-duration: 50ms;
}

.one_flat{
	line-height: 38px;
}

.flats_list{
	display: -webkit-flex; /* Safari */
 	display: flex;
 	display: -webkit-inline-flex; /* Safari */
 	display: inline-flex;
 	 -webkit-flex-direction: row; /* Safari */
 	flex-direction: row;
 	-webkit-flex-wrap: wrap; /* Safari */
 	flex-wrap: wrap;
 	 -webkit-justify-content: space-around; /* Safari */
 	justify-content: space-around; 
 	-webkit-align-items: center; /* Safari */
 	align-items: center;
 	-webkit-align-content: center; /* Safari */
 	align-content: center;
 	-webkit-align-self: auto;
 	align-self: auto;
 	
	
}

.blacklist{
	background-color: black;
	color:white !important;

	}

.balance_minus{
	background-color: #fba23e;
	color:black !important; 
}


.balance_minus2{
	background-color: #f54502;
	color:white  !important;
}
.balance_plus{
	background-color: #54b8f7;
	color:black;
}
.none{
	border-radius: 2px  !important;
}
.notpay_off{
	border-radius: 2px  !important;
	border: 1px solid #000000;
	color:white;
	background-color: #ff0000 !important;
}

.claim_off{
	border-radius: 2px  !important;
	border: 1px dotted #031fad;
	color:white;
	background-color: #4499e9 !important;
}

.tech_off{
	border-radius: 2px  !important;
	border: 1px solid #0086ff;
	color:black;
	background-color: #a5acb5 !important;
	
}

.active_account{
	background-color: #54b8f7;
	color:black;
}

.block_account{
	background-color: #f54502;
	color:white  !important;
	border-radius: 2px  !important;
}

.no_services{
	background-color: #7d7f7c;
	color:white  !important;
	border-radius: 2px  !important;
}

.dismissed{
	background-color: #000000;
	color:white  !important;
	border-radius: 2px  !important;
}


.header_comment{
	        text-align: left;
		    /* font-style: italic; */
		    /* font-weight: bold; */
		    font-size: 12px;
		    color: rgb(22, 157, 218);
		    padding-left: 10px;
}

.comments{
	    text-align: left;
       /*font-style: italic; */
    	font-size:14px;
    	padding-left:30px;
    	
}


.zabbix_priority1{
	background-color:#b5ffbd;
}

.zabbix_priority1{
	background-color:#b5ffbd;
}

.zabbix_priority2{
	background-color:#b5ffbd;
}

.zabbix_priority3{
	background-color:#FFB689;
}

.zabbix_priority4{
	background-color:#FF9999;
}

.zabbix_priority5{
	background-color:#FF3838;
}

.zabbix_date{
	color:black !important;
}
.main-header{
	line-height:20px;
}

.sub-header{
	font-size:10px;
	color:black;
	line-height:12px;
}




.port{
	
	/*border: 1px solid #828080;*/
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	/*-moz-box-shadow: 0px 0px 8px #000000;
	-webkit-box-shadow: 0px 0px 8px #000000;*/
	/*box-shadow: 0px 0px 8px #000000;*/
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	opacity: 0.75;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 75);
	/*-ms-filter must come before filter*/
	filter: alpha(opacity = 75);
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*All filters must be placed together*/
	width:25px;
	/*height:25px;*/
	text-align:center;
	padding:5px;
	margin:5px;
	display:block;
		
	
}
.speed{
	font-size:8px;
}

.service_usersport{
	font-size:12px;
}

.service-active{
	
	color:blue;
}
.service-block{
	color:red;
}

.service-no_service{
	color:red
}

.block-temp{
	color:blue;
}
.block-unpay{
	color:red;
}

.cable{
	font-size:10px;
}

.admin-down{
	color:white;
	background-color: #3b3e3d!important;
}

.admin-up{
	color: #0a7d02;
    background-color: #a5cea5;
	
}

.state-up{
	color:black;
	background-color: #76cd65!important;
}

.state-down{
	color:black;
	background-color: #ff001c!important;
}

.S100M {
	color:black;
	background-color:#5cc2fd;
}

.S10М{
	background-color:#fd2a54;
}

.S1Г{
	background-color:#85fdb6;
}

.full-address{
	font-size:11px;
	color:grey;
	font-style: oblique;
}

.date_wait{
	color:#bb2e2e!important;
}

.cable-state-ok{
	color:blue;
	
}
.cable-state-bad{
	color:red;
	
}

.dhcp{
	border-bottom: rgba(170, 208, 222, 0.94);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-bottom: 5px;
    margin-top:3px;
}

.switchLog{
	border-bottom: rgba(208, 170, 222, 0.94);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-bottom: 5px;
    margin-top:3px;
}

.employee-name{
	color:grey;
}

.size-22 { font-size: 22px }
.size-25 { font-size: 25px }
.size-29 { font-size: 29px }
.size-50 { font-size: 50px }

.color-black { color: #000 }
.color-white { color: #fff }
.color-red { color: #f00 }

.error_notification{
	background-color:#f18c8c!important;
}




label {
	cursor: pointer;

	/* Style as you please, it will become the visible UI component. */
 }

 .photo{	width:50px;}
 
 #upload-photo {
	opacity: 0;
	position: absolute;
	z-index: -1;
 }