/*
@font-face {
	font-family: 'OwnHand';
	src: url('OwnHand.eot');
	src: local('OwnHand'),
		url('fonts/OwnHand.eot?#iefix') format('embedded-opentype'),
		url('fonts/OwnHand.woff') format('woff'),
		url('fonts/OwnHand.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
*/

body {
min-width: 960px !important; 
}

.debug{
			background-color: rgba(127, 127, 127, 0.5);

}

.it-hidden{
	display: none;
}


h1 {
	 margin-top: 0 !important;
	}

/*
@font-face {
	font-family: 'Euroscript Pro';
	src: url('EuroscriptPro.eot');
	src: local('Euroscript Pro'), local('EuroscriptPro'),
		url('../fonts/EuroscriptPro.eot?#iefix') format('embedded-opentype'),
		url('../fonts/EuroscriptPro.woff') format('woff'),
		url('../fonts/EuroscriptPro.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
*/

@font-face {
	font-family: 'PropisNew';
	src: url('prps_new.eot');
	src: local('PropisNew'),
		url('../fonts/prps_new.eot?#iefix') format('embedded-opentype'),
		url('../fonts/prps_new.woff') format('woff'),
		url('../fonts/prps_new.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


.it-font{
/* 	font-family: 'Euroscript Pro'; */
	font-family: 'PropisNew';
/*
    font-weight: normal;
    font-style: normal;
*/
    font-size: 45px; 
/* 	line-height: 30px; */
/*
	font-size: 40px;
    line-height: 35px;
*/
-webkit-user-select: none;
-moz-user-select: none;
}

.it-font-strike {
    position: relative;
    display: inline-block;
}
.it-font-strike::before {
    content: '';
    border-bottom: 2px solid red;
    width: 100%;
    position: absolute;
    right: 0;
    top: 55%;
}

.it-font-h1 {
	border-bottom: 1px solid;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: -webkit-center;
	text-align: center;
			line-height: 30px;

}

.it-font-icon{
	font-family: 'PropisNew';
	font-size: 45px;
	margin-top: -10px;
}

.num{
/* 	width: 30px; */
	margin : 0;
	padding: 0;
	text-align: center;
/* 		border: 1px dotted black; */
    display:inline-block;
}

.num1{
	width: 30px;
}
.num2{
	width: 60px;
}
.num3{
	width: 90px;
}
.num4{
	width: 120px;
}
.num5{
	width: 150px;
}
.num6{
	width: 180px;
}
.num7{
	width: 210px;
}


.it-handle:hover {
	cursor: hand;
}


@keyframes itblink { 
   50% {  color:rgba(0, 0, 0, 0)} 
}

.it-blinking{
		animation: itblink .6s step-end infinite alternate;
}

.it-list{ display: inline-block;}

.it-list-math{ 
	display: inline-block;
	padding-right: 19px;
	padding-top: 30px;
	padding-bottom: 30px;

	}

.it-list:after{
	content: ",";	
}

.it-list:last-child:after{
	content: ".";	
}

.it-list:first-child:first-letter{
				text-transform:uppercase;

			}


.it-margin-mat{
	margin-right: 30px !important;
	margin-left: 0 !important;
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}

.it-margin-rus{
	margin: 0 !important;
}

@keyframes blink { 
   50% { 
/* 	   border-color: rgba(19, 192, 235, 0);  */
	   padding-left: 10px;
	   margin-left: -10px;

	   padding-right: 12px;
	   margin-right: -12px;	   
   } 
}

.blinking1{
		animation: blink .2s step-end infinite alternate;
}

.blinking2{
		animation: blink .4s step-end infinite alternate;
}

.blinking3{
		animation: blink .6s step-end infinite alternate;
}

.blinking4{
		animation: blink .8s step-end infinite alternate;
}

.blinking5{
		animation: blink 1.0s step-end infinite alternate;
}

			
.it-placeholder {
/*     min-width: 100px !important; */
    margin:0px;
    
	padding-left: 3px;
	margin-left: -3px;
	padding-right: 5px;
	margin-right: -5px;

    border-left:  1px dashed #12bfea;
	border-right:  1px dashed #12bfea;

	
/* 	animation: blink .5s step-end infinite alternate; */
	
   }
      

.it-placeholder:hover {
		background-color: rgba(127, 127, 127, 0.5);
		
/* 	border-bottom: dotted; */
   }  
 			
			

.it-paper {
	position: relative;
}
		
.it-paper:before {
  content: '';
  position: absolute;
  width: 0px;
  top: 0;
  left: 30px;
  bottom: 0;
  border: 2px solid;
  border-color: transparent #f5d0d0;
}

.it-paper-rus {
  background: linear-gradient( #89a2f6, transparent 1px); /* ultramarine 30 (ibm design colors) */
    background-size: 30px 30px;
	background-position-y: 22px;
/* 		line-height: 45px; */
		line-height: 60px;

 }	
.it-paper-mat {
  background: linear-gradient( #89a2f6, transparent 1px), linear-gradient( 90deg, #89a2f6, transparent 1px);
    background-size: 30px 30px;
/*     background-position-y: 7px; */
	background-position-y: 22px;

    background-position-x: 11px;
    	line-height: 60px;

 }
 
.it-content{
	 			padding-left: 40px !important;
	 			padding-top: 39px !important;
				padding-bottom: 60px !important;
				padding-right: 30px !important;
 } 

/* @media screen and (max-width: 960px){ */
/* @media (max-width: 1200px) {
 .it-content{
	 			margin-left: 0px !important;
	 			margin-top: 0px !important;
 }
} */
/* -------------- json-hilight ---------------- */
 
.json-container, .json-backdrop, #json-textarea {

  width: 1080px;
  height: 600px;
  }

.json-highlights, #json-textarea {
  font: 20px/32px 'Monaco' !important;
  padding: 10px;
/*   letter-spacing: 1px; */
}

.json-container {
	display: block;
  transform: translateZ(0);
  -webkit-text-size-adjust: none;

}

.json-backdrop {
  position: absolute;
  z-index: 1;
  overflow: auto;
  background-color: #fff;
  pointer-events: none;
/*
  margin-top: 1px;
  margin-left: 1px;
*/
  
}

.json-highlights {
	white-space: pre-wrap;
	word-wrap: break-word;
  
  margin-top: 1px;
  margin-left: 1px;
  
	color: transparent;
}

#json-textarea {
  position: absolute !important;
    z-index: 2  !important;
/*     margin: 0  !important; */
    border-radius: 0 !important;
  background-color: transparent !important;
  color:rgba(0, 0, 0, 0.4) !important;
  overflow: auto;
  resize: vertical;
}

mark {
  border-radius: 3px;
/*
  border: 1px dashed black;
  margin: -1px;
*/
/*   color: transparent !important; */
  color: rgb(255,0,0) !important;

/*   background-color: rgb(255,255,0)	 !important; */
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(252,252,194,1) 10%,rgba(252,252,194,1) 90%,rgba(255,255,255,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

.json-cell {
  border-radius: 3px;
  color: transparent;
  background-color: #b1e5e5;
}