html { 	height: 100%;  
       overflow-x:  hidden;

} 
	


body {		
margin: 0;
padding: 0;
height: 100%;
background: #000;
background: url(../images/dark_exa.png) repeat;
}

#sm-bgover{position: absolute; top: 0; left: 0;	width: 100%;	height: 100%;	background: #000; opacity: 0.6;	z-index: 9998; display:none;}
#loadImg{position:absolute; z-index:9999; display:none}

/* Status and error boxes */
@font-face {
    font-family: "MyriadProRegular";
    src: url("../fonts/MyriadProRegular/MyriadProRegular.eot");
    src: url("../fonts/MyriadProRegular/MyriadProRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MyriadProRegular/MyriadProRegular.woff") format("woff"),
    url("../fonts/MyriadProRegular/MyriadProRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

.statusMessage, .errorMessage {
  font-size: .8em;
  padding: .5em;
  margin: 2em 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; 
  -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  -box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
}

.statusMessage {
  background-color: #2b2;
  border: 1px solid #080;
  color: #fff;
}

.errorMessage {
  background-color: #f22;
  border: 1px solid #800;
  color: #fff;
}

#full_but 
{
	 background: url(../images/full.png) no-repeat;
	 width: 50px;
	 height: 36px;
	 display: block;
	 position: absolute;
	 bottom: 20px;
	 right: 30px;
}

.sound_but
{
	background: url(../images/sound_on.png) no-repeat;
	width: 36px;
	height: 36px;
	display: block;
	position: absolute;
	bottom: 56px;
	right: 38px;	
}

.sound_off
{
	background: url(../images/sound_off.png) no-repeat;
}


#sm-view
{
	 position: relative;
	 font-family: "MyriadProRegular";
	 background: url(../images/dark_exa.png) repeat;
}

:-webkit-full-screen{
  background: black;
}

:-moz-full-screen {
  background: black;
}

:-webkit-full-screen#sm-view{
  width:100%;
  height:100%;
}

:-moz-full-screen#sm-view{
  width:100%;
  height:100%;
}




#sm-over-left{
    position: absolute;
    top: 10px;
	font-family: "MyriadProRegular";
}

/*Slide Master*/
#main_sm
{
		min-width: 1024px;
		min-height: 768px;
		max-width: 2800px;
		width: 100%;
		height: 100%;
		
		background: url(../images/bg_top_right.png) 100% 0% no-repeat,
					url(../images/bg_top_left.png) 0% 0% no-repeat,
					url(../images/bg_top_center.png) 50% 0% repeat-x, 
                    url(../images/bg_bottom_left.png)  0% 100% no-repeat,
					url(../images/bg_bottom_right.png)  100% 100% no-repeat,
					url(../images/bg_bottom_center.png) 50% 100% repeat-x;
					
        /*background-size: auto, auto, auto; /* Меняем масштаб */
		
	    /* background:  url(../images/main_bg.jpg) no-repeat center center;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain; */
		
		
	 margin: auto auto;
	 position: relative;
	 font-family: "MyriadProRegular";
}

#logo300{
	width: 300px;
	height: 190px;
	background: url(../images/logo_200.png) 0% 0% no-repeat;	
    position: absolute;
	top: 100px;
	left: 45%;    
}

/*#endata_sm
{
		min-width: 1024px;
		min-height: 768px;
		width:1024px;
	     background: #000 url(../images/main_ed.jpg) no-repeat center center;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
		margin: auto auto;
	 position: relative;
	 font-family: "MyriadProRegular";
}*/

#endata_sm
{
		min-width: 1024px;
		min-height: 768px;
		max-width: 2800px;
		width: 100%;
		height: 100%;
		
		background: url(../images/bg_top_right.png) 100% 0% no-repeat,
					url(../images/bg_top_left.png) 0% 0% no-repeat,
					url(../images/bg_top_center.png) 50% 0% repeat-x, 
                    url(../images/bg_bottom_left.png)  0% 100% no-repeat,
					url(../images/bg_bottom_right.png)  100% 100% no-repeat,
					url(../images/bg_bottom_center.png) 50% 100% repeat-x,
					url(../images/towerl.png) 50% 70px fixed repeat-x ;
	 background-size: auto,auto,auto,auto,auto,auto,auto;
	 margin: auto auto;
	 position: relative;
	 font-family: "MyriadProRegular";
}

.tilte_wrap
{
	position: relative;
	margin: auto auto;
	top: 90px;
	background: url(../images/logo_200.png) 55% 90px no-repeat;	
	height: 290px;
}

 
.sm_title {
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    overflow: hidden;
}

.sm_version {
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    overflow: hidden;
}



#endata_prof_sm
{
		min-width: 1024px;
		min-height: 768px;
		max-width: 2800px;
		width: 100%;
		height: 100%;
		
		background: url(../images/bg_top_right.png) 100% 0% no-repeat,
					url(../images/bg_top_left.png) 0% 0% no-repeat,
					url(../images/bg_top_center.png) 50% 0% repeat-x, 
                    url(../images/bg_bottom_left.png)  0% 100% no-repeat,
					url(../images/bg_bottom_right.png)  100% 100% no-repeat,
					url(../images/bg_bottom_center.png) 50% 100% repeat-x,
					url(../images/towerl.png) 50% 70px fixed repeat-x ;
	 background-size: auto,auto,auto,auto,auto,auto,auto;
	 margin: auto auto;
	 position: relative;
	 font-family: "MyriadProRegular";
}

#mera_sm
{
		min-width: 1024px;
		min-height: 768px;
		max-width: 2800px;
		width: 100%;
		height: 100%;
		
		background: url(../images/bg_top_right.png) 100% 0% no-repeat,
					url(../images/bg_top_left.png) 0% 0% no-repeat,
					url(../images/bg_top_center.png) 50% 0% repeat-x;
	 background-size: auto,auto,auto;
	 margin: auto auto;
	 position: relative;
	 font-family: "MyriadProRegular";
}



#knbk_sm
{
		min-width: 1024px;
		min-height: 768px;
		max-width: 2800px;
		width: 100%;
		height: 100%;
		
		background: url(../images/knbk_top_right.jpg) 100% 0% no-repeat,
					url(../images/knbk_top_left.jpg) 0% 0% no-repeat,
					url(../images/knbk_top_center.jpg) 50% 0% repeat-x, 
                    url(../images/knbk_1.png) 50% 160px fixed no-repeat,
					url(../images/met-patt.jpg)  0% 0% repeat;
		 margin: auto auto;
		 position: relative;
		 font-family: "MyriadProRegular";
}

#info_sm
{
	min-width: 1024px;
		min-height: 768px;
		max-width: 2800px;
		width: 100%;
		height: 100%;
		
		background: url(../images/bg_top_right.png) 100% 0% no-repeat,
					url(../images/bg_top_left.png) 0% 0% no-repeat,
					url(../images/bg_top_center.png) 50% 0% repeat-x, 
                    url(../images/bg_bottom_left.png)  0% 100% no-repeat,
					url(../images/bg_bottom_right.png)  100% 100% no-repeat,
					url(../images/bg_bottom_center.png) 50% 100% repeat-x;
	 background-size: auto,auto,auto,auto,auto,auto;
	 margin: auto auto;
	 position: relative;
	 font-family: "MyriadProRegular";
}

#user_sm
{
	min-width: 1024px;
		min-height: 768px;
		max-width: 2800px;
		width: 100%;
		height: 100%;
		
		background: url(../images/bg_top_right.png) 100% 0% no-repeat,
					url(../images/bg_top_left.png) 0% 0% no-repeat,
					url(../images/bg_top_center.png) 50% 0% repeat-x,
					url(../images/towerl.png) 50% 70px fixed repeat-x;
	 background-size: auto,auto,auto,auto;
	 margin: auto auto;
	 position: relative;
	 font-family: "MyriadProRegular";
}


#nns_sm
{
		min-width: 1024px;
		min-height: 768px;
		max-width: 2800px;
		width: 100%;
		height: 100%;
		
	/*	background: url(../images/bg_top_right.png) 100% 0% no-repeat,
					url(../images/bg_top_left.png) 0% 0% no-repeat,
					url(../images/bg_top_center.png) 50% 0% repeat-x;
	 background-size: auto,auto,auto;*/
	 margin: auto auto;
	 position: relative;
	 font-family: "MyriadProRegular";
}

.nns_men_btn
{
	background: #fff url(../images/nns_men_btn.jpg) no-repeat;
	width: 210px; 
	height: 59px;
	float:left;
	border: 1px solid #000000;
}


.deg90 { 
    -moz-transform: rotate(-90deg); 
    -ms-transform: rotate(-90deg); 
    -webkit-transform: rotate(-90deg); 
    -o-transform: rotate(-90deg); 
    transform: rotate(-90deg); 
}  
.nns_sp_button
{
	width: 22px;  
	position: absolute;  
	color: #3ba4c7;  
	font-weight: bold;    
	font-size: 18px;
	text-decoration: none;
	
}
.nns_sp_button:hover, .nns_sp_button:active, .nns_sp_button:focus {
    color: #fff;
	text-decoration: none;

}

#sm_crash{
				width: 100%;
				height: 100%;
				z-index: 10;
				position: absolute;
				top: 0px;
				background: rgba(0, 0, 0, 0.48);
				padding-top: 55px;
				
}

.sm_crash_modal{

				width: 850px;
				height: 650px;
				background: #fff;
				border-radius: 15px;
				margin: auto auto;	
				background: url(../images/met-patt.jpg)  0% 0% repeat;
				
}

#sm_nns_test{
				width: 100%;
				height: 100%;
				z-index: 10;
				position: absolute;
				top: 0px;
				background: rgba(0, 0, 0, 0.48);
				padding-top: 200px;
				
}

.sm_nns_test_modal{

	position: relative;
    width: 450px;
    height: 200px;
    background: url(../images/bgproject.jpg);
    border-radius: 15px;
    margin: auto auto;
}


		
		
#sm_hist_mess{
			    position: absolute;
				top: 518px;
				left: 250px;
				font-size: 11px;
				color: #fff;
				width: 750px;
				height: auto;
				background-color:  rgba(91, 121, 123, 0.61);
				padding: 5px;
				z-index: 10;
}
		
.nns_info_block
{
	width: 100%;
	padding: 0px;
	height: 75px;	
	background: url(../images/nns_info_bl.jpg) 0% 0% no-repeat,
					url(../images/nns_info_bl_rep.jpg) 0% 0% repeat-x;
	
	
}
		
		
.nns_th
{
		    overflow: hidden;
			font-size: 9px;
			border-left: 1px solid;
			float: left;
			/*width: 59px;*/
			height: 52px;
			text-align: center;
			padding: 1px;
			font-weight: bold;
}
		
.pd5{
			padding-top: 5px;			
}
.pd10{
			padding-top: 10px;			
}
		
.td_nns{
		  width: 5.882352941176471%;
		  padding:0px;
		  height: 20px;
		  text-align:center;
		  font-size: 11px;
}
		
.sm_nns_table{
			width:100%;
			border: 1px solid #ddd;
			border-collapse: collapse;
			table-layout: fixed;
}
/*
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
			-webkit-appearance: none;
			margin: 0; 
}
*/
.inpnns{
			float:left; 
			width:100%;
			text-align: center; 
			font-size: 11px; 
			padding: 0px; 
			color: #000;  
			background: transparent;  
			height: 20px; 
			outline:none; 
			border: none;
}

.user_bilet
{
	width: 420px !important;
	text-align: left !important; 
	padding-left: 5px !important;
	overflow:  hidden !important; 
	font-size: 22px !important;
	height: 55px !important;
	text-shadow: 2px 2px 0px #000000 !important;
	
}
   

.arrow input[type='number']::-webkit-inner-spin-button 
{ 
	 opacity: 1 !important;
}  
   
   
#sm_nns_info{
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    overflow: hidden;
    padding-left: 30px;
	padding-top: 5px;
    height: 40px;
}


#sm_ent_bilet {
	margin: auto auto;
    width: 450px;
    max-height: 360px;
    overflow-y: auto;
}

.sm_active_bilet{
	color: red !important;	
}

a#sm_ent_ok {
    position: absolute;
    right: 20px;
    bottom: 60px;
    width: 200px;
    text-align: center;
}

.sm_bilet{
    display: block;
    float: left;
    width: 75px;
    height: 75px;
    margin: 5px;
    border: 2px solid #337ab7;
    text-align: center;
    color: #fff;
    font-size: 37px;
    font-weight: bold;
    text-decoration: none;
    padding-top: 10px;
    background-color: rgba(87, 131, 212, 0.41);
    text-shadow: 5px 5px 0px #000000;
}

.sm_bilet:hover, .sm_bilet:active, .sm_bilet:visited , .sm_bilet:focus {
    color: #fff;
	text-decoration: none;

}



.sm_ent_data_title{
    /*position: absolute;*/
    color: #fff;
    top: 10px;
    left: 20px;
    font-size: 32px;
    font-weight: bold;
	min-width: 250px;
}

.sm_sel_works_title{
    /*position: absolute;*/
    color: #fff;
    top: 200px;
	text-align:center;
	width:100%;
    font-size: 32px;
    font-weight: bold;
}


#sm-wrap
{
	width:100%;
	height: auto;
	min-height: 100%;
  	height: 100%;
}

#sm-view {
		    min-height: 100%;
  		    height: 100%;
}



:-webkit-full-screen#sm-wrap{
	padding-top: 5%;
}

:-moz-full-screen#sm-wrap{
	padding-top: 5%;
}

.sm_main_buttons {
	padding-bottom: 50px;
	padding-left: 100px;
	width: 100%;
}

.sm_main_buttons a:nth-child(even) {
   margin-left:60px;
   margin-right:60px;
}

#btn_logout {
    position: absolute;
    z-index: 1;
    right: 20px;
    top: 10px;
}

.sm_button_main{
 width: 220px;
 height: 100px;
 display: inline-block;	
 text-decoration:none; 
 text-align:center; 
 padding:20px 5px; 
 border:solid 2px #004F72; 
 -webkit-border-radius:20px;
 -moz-border-radius:20px; 
 border-radius: 20px; 
 font-size:16px; 
 font-weight:bold; 
 color:#e5ffff; 
 background-color:#3BA4C7; 
 background-image: -moz-linear-gradient(top, #3BA4C7 0%, #1982a5 100%); 
 background-image: -webkit-linear-gradient(top, #3BA4C7 0%, #1982a5 100%); 
 background-image: -o-linear-gradient(top, #3BA4C7 0%, #1982a5 100%); 
 background-image: -ms-linear-gradient(top, #3BA4C7 0% ,#1982a5 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982a5', endColorstr='#1982a5',GradientType=0 ); 
 background-image: linear-gradient(top, #3BA4C7 0% ,#1982a5 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  

 filter: dropshadow(color=#bababa, offx=2, offy=1);  -webkit-transition: background 0.07s ease;
 -moz-transition:  background 0.07s ease;
 -o-transition:  background 0.07s ease;
 transition:  background 0.07s ease;
 overflow: hidden;
 }
 
 .sm_button_main:hover{
 border:solid 2px #004F72;  
 color:#fafafa; 
 background-color:#1982a5; 
 background-image: -moz-linear-gradient(top, #1982a5 0%, #3ba4c7 100%); 
 background-image: -webkit-linear-gradient(top, #1982a5 0%, #3ba4c7 100%); 
 background-image: -o-linear-gradient(top, #1982a5 0%, #3ba4c7 100%); 
 background-image: -ms-linear-gradient(top, #1982a5 0% ,#3ba4c7 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ba4c7', endColorstr='#3ba4c7',GradientType=0 ); 
 background-image: linear-gradient(top, #1982a5 0% ,#3ba4c7 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  

 filter: dropshadow(color=#bababa, offx=-1, offy=-1);
 text-decoration:none;
 }
 
 .sm_button_main:active {
	 text-decoration:none;
	position:relative;
	top:1px;
}
 
 .sm_nns_buttons {
    top: 620px;
	padding-left: 250px;
	width: 100%;
	line-height: 14px;
}

.sm_nns_buttons a:nth-child(even) {
   margin-left:60px;
   margin-right:60px;
}

 .nnsbutton {
	width: 220px;
	height: 100px;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2f3634), color-stop(1, #415c5c));
	background:-moz-linear-gradient(top, #2f3634 5%, #415c5c 100%);
	background:-webkit-linear-gradient(top, #2f3634 5%, #415c5c 100%);
	background:-o-linear-gradient(top, #2f3634 5%, #415c5c 100%);
	background:-ms-linear-gradient(top, #2f3634 5%, #415c5c 100%);
	background:linear-gradient(to bottom, #2f3634 5%, #415c5c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f3634', endColorstr='#415c5c',GradientType=0);
	background-color:#2f3634;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	border-radius:18px;
	border:5px solid #acb09e;
	display:inline-block;
	cursor:pointer;
	color:#fcfbe2;
	font-size:16px;
	font-weight:bold;
	 text-align:center; 
	 padding:20px 5px; 
	text-decoration:none;
	overflow: hidden;
}
.nnsbutton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #415c5c), color-stop(1, #2f3634));
	background:-moz-linear-gradient(top, #415c5c 5%, #2f3634 100%);
	background:-webkit-linear-gradient(top, #415c5c 5%, #2f3634 100%);
	background:-o-linear-gradient(top, #415c5c 5%, #2f3634 100%);
	background:-ms-linear-gradient(top, #415c5c 5%, #2f3634 100%);
	background:linear-gradient(to bottom, #415c5c 5%, #2f3634 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#415c5c', endColorstr='#2f3634',GradientType=0);
	background-color:#415c5c;
	color:#fcfbe2;
	text-decoration:none;
}
.nnsbutton:active {
	text-decoration:none;
	position:relative;
	top:1px;
}


.sm_info_button {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
	background-color:#ededed;
	-moz-border-radius:11px;
	-webkit-border-radius:11px;
	border-radius:11px;
	border:3px solid #bdbdbd;
	display:inline-block;
	cursor:pointer;
	color:#777777;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
}
.sm_info_button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
	background-color:#dfdfdf;
	text-decoration:none;
}
.sm_info_button:active,.sm_info_button:focus {
	text-decoration:none;

}




.sm_back_endata {
    width: 200px;
    text-align: center;
    position: absolute;
    top: 100px;
    left: 20px;
	z-index:1;
}

.sm_back_endata_right {
    width: 200px;
    text-align: center;
	z-index:1;
}

#main_about {
    position: absolute;
    top: 100px;
    right: 20px;
}

.sm_back_knbk {
    width: 100px;
    text-align: center;
    /*position: absolute;*/
    top: 3px;
    left: 10px;
}


.sm_reset_but {
    text-align: center;
    position: absolute;
    top: 3px;
    right: 100px;
}



.sm_knbk_title {
    position: absolute;
    color: #fff;
    font-size: 39px;
    text-align: center;
    width: 100%;
    top: 35px;
}

.sm_knbk_subtitle {
    position: absolute;
    top: 90px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 20px;
}

.sm_knbk_sub {
	-moz-box-shadow:inset 0px 1px 3px 0px #91b8b3;
	-webkit-box-shadow:inset 0px 1px 3px 0px #91b8b3;
	box-shadow:inset 0px 1px 3px 0px #91b8b3;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #768d87), color-stop(1, #6c7c7c));
	background:-moz-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-webkit-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-o-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-ms-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#768d87', endColorstr='#6c7c7c',GradientType=0);
	background-color:#768d87;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #566963;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:13px;
	font-weight:bold;
	padding:10px 15px;
	text-decoration:none;
}
.sm_knbk_sub:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6c7c7c), color-stop(1, #768d87));
	background:-moz-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-webkit-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-o-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-ms-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c7c7c', endColorstr='#768d87',GradientType=0);
	background-color:#6c7c7c;
	text-decoration:none;
}
.sm_knbk_sub:active, .sm_knbk_sub:focus  {
	text-decoration:none;
}


.sm_knbk_col_title {

	background-color:rgba(249, 249, 249, 0.66);
	-moz-border-radius:42px;
	-webkit-border-radius:42px;
	border-radius:42px;
	border:2px solid rgba(220, 220, 220, 0.58);
	display:inline-block;
	color:#666666;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	/*position:absolute;*/
	height: 55px;
    text-align: center;
	width: 90%;
}

.sm_knbk_col{
   /*position:absolute;*/
   padding-left: 10px;
}

select.form-control.knbk_select {
    height: 30px;
    width: 160px;
    margin-bottom: 3px;
}



.sketch
{	
  display:block;
  width: 20px; 
}

.sketch1
{	
	 background: url(../images/1.png) no-repeat;
	 height: 98px;
}
.sketch2
{	
	 background: url(../images/2.png) no-repeat;
	  height: 27px;
}

.sketch3
{	
	 background: url(../images/3.png) no-repeat;
	  height: 26px;
}
.sketch4
{	
	 background: url(../images/4.png) no-repeat;
	  height: 12px;
}
.sketch5
{	
	 background: url(../images/5.png) no-repeat;
	 height: 19px;
}
.sketch6
{	
	 background: url(../images/6.png) no-repeat;
	 height: 21px;
}
.sketch7
{	
	 background: url(../images/7.png) no-repeat;
	 height: 55px;
}
.sketch8
{	
	 background: url(../images/8.png) no-repeat;
	 height: 52px;
}
.sketch9
{	
	 background: url(../images/9.png) no-repeat;
	 height: 41px;
}
.sketch10
{	
	 background: url(../images/10.png) no-repeat;
	 height: 49px;
}
.sketch11
{	
	 background: url(../images/11.png) no-repeat;
	 height: 50px;
}
.sketch12
{	
	 background: url(../images/12.png) no-repeat;
	 height: 60px;
}

#knbk_error_img
{
	 background: url(../images/ot.png) no-repeat;
	 height: 13px;
	 width: 13px;
	 position:absolute;

}

select#knbk_ch65 {
    position: absolute;
    top: 0px;
    left: 165px;
    width: 65px;
    padding-left: 0px;
    padding-right: 0px;
	border: 0px;
	height: 28px;
}

select#knbk_ch66 {
	position: absolute;
	top: 0px;
	left: 167px;
	width: 160px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 10px;
}

select#knbk_ch67 {
	position: absolute;
	top: 0px;
	left: 167px;
	width: 160px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 14px;
}
select#knbk_ch68 {
	position: absolute;
	top: 0px;
	left: 167px;
	width: 160px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 10px;
}

.sm_knbk_fio {
    color: #fff;
    font-size: 20px;
    max-width: 400px;
    overflow: hidden;
}

.sm_knbk_time {
    color: #fff;
    font-size: 20px;
	display:inline-block;
}

a#sm_button_help {

    text-align: center;
}

.knbk_dop {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf));
	background:-moz-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-webkit-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-o-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-ms-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:linear-gradient(to bottom, #63b8ee 5%, #468ccf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf',GradientType=0);
	background-color:#63b8ee;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #3866a3;
	display:inline-block;
	color:#14396a;
	font-size:16px;
	font-weight:bold;
	height: 20px;
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
}

.sm_knbk_pr {
	-moz-box-shadow:inset 0px 0px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 0px 0px 0px #97c4fe;
	box-shadow:inset 0px 0px 0px 0px #97c4fe;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
	background:-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
	background-color:#3d94f6;
	-moz-border-radius:37px;
	-webkit-border-radius:37px;
	border-radius:37px;
	border:1px solid #337fed;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-size:14px;
	font-weight:bold;
	padding:5px 14px;
	text-decoration:none;
	text-shadow:1px 1px 7px #ffffff;
	position:absolute;
	text-align:center;
	z-index:1;
}
.sm_knbk_pr:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
	background:-moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0);
	background-color:#1e62d0;
	text-decoration:none;
}
.sm_knbk_pr:active, .sm_knbk_pr:focus {
	text-decoration:none;
}

.sm_content_project, .sm_content_yas {
   background: url(../images/bgproject.jpg);
}

#sm_marker_set {
   background: url(../images/bgproject.jpg);
}

.sm_content_about {
   background: url(../images/about.jpg);
}

tr.sm_knbk_table_head {
    background: #337ab7;
    color: #fff;
}

table.sm_project_table td {
    width: 137px;
}

.sm_mera_table_body td {
    width: 160px;
}

th.mera_th {
    width: 160px;
    height: 40px;
	text-align: center;
}

.tr_mera:hover {
    background: aliceblue;
}

.col_mera
{
  width: 143px !important;	
	
}

.col_mera_2
{
  width: 160px !important;	
	
}

.modal-header.sm_project_header {
    padding: 0px 15px 0px 15px;
    border-bottom: none;
}

.modal-footer.sm_project_footer {
    padding: 10px 15px 10px 15px;
    border-top: none;
}

.modal-header.sm_yas_header {
    padding: 0px 15px 0px 15px;
    border-bottom: none;
}

.modal-footer.sm_yas_footer {
    padding: 10px 15px 10px 15px;
    border-top: none;
}


table.sm_project_table {
    background: #FFf;
    text-align: center;
}

span.sm_project_prof {
    font-size: 18px;
    display: block;
    width: 100%;
    text-align: center;
    text-shadow: 2px 2px black;
    color: #fff;
}

.sm_project_name {
    text-shadow: 2px 2px black;
    color: #fff;
}

.sm_a_men_more
{
	float:left;
	display: block;
	margin: 0px;
    width: 64px;
    height: 57px;
	text-decoration:none;
	
}
.sm_a_men_more:hover
{
	background: rgba(117, 255, 237, 0.32);
}

.sm_a_men
{
	float:left;
	display: block;
	margin: 0px;
    width: 40px;
    height: 57px;
	text-decoration:none;
	
}
.sm_a_men:hover
{
	background: rgba(117, 255, 237, 0.32);
}


.sm_men_basic
{
   height:35px; 
   text-align: center; 
   font-size: 22px;
   color: #000; 
   text-decoration: none;
   position: absolute;
    border: 1px solid #000000;
}

.nns_left_col
{
       
        background: url(../images/direct25.png) 50% 50% no-repeat, url(../images/met-patt.jpg)  0% 0% repeat;
        background-size: 60%, auto;

}

.sm_men_basic:hover
{
	text-decoration:none;
	color: #ff0000;
	background: rgba(117, 255, 237, 0.32);
}



.sm_aleft
{	
	display: block;
	background: url('../images/aleft.png') no-repeat;
	height: 20px;
	width: 11px;
}

.sm_aright
{	display: block;
	 background: url('../images/aright.png') no-repeat;
	 height: 20px;
	 width: 11px;
}
.sm_atleft
{	display: block;
	 background: url('../images/atleft.png') no-repeat;
	 height: 20px;
	 width: 19px;
}
.sm_atright
{	display: block;
	 background: url('../images/atright.png') no-repeat;
	 height: 20px;
	 width: 19px;
}
.sm_bt_arr
{
	float:left;
    margin-top: 3px;
    margin-left: 3px;
	margin-right: 3px;
}


.sm_arr_border {
    display: block;
    border: 2px #000 solid;
    height: 30px;
    float: left;
    padding-right: 5px;
    padding-left: 5px;
}

.sm_mera_head_block {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #283136), color-stop(1, #1d5971));
	background:-moz-linear-gradient(top, #283136 5%, #1d5971 100%);
	background:-webkit-linear-gradient(top, #283136 5%, #1d5971 100%);
	background:-o-linear-gradient(top, #283136 5%, #1d5971 100%);
	background:-ms-linear-gradient(top, #283136 5%, #1d5971 100%);
	background:linear-gradient(to bottom, #283136 5%, #1d5971 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#283136', endColorstr='#1d5971',GradientType=0);
	background-color:#283136;
	-moz-border-radius:11px;
	-webkit-border-radius:11px;
	border-radius:11px;
	border:2px solid #000000;
	display:inline-block;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
}

.sm_green
{
	background: #176b1e;
}

.sm_alert
{
	 background: rgba(255, 0, 0, 0.3);
}

/*   -------------------------  LOGIN ----------------------------------- */

#sm-login-form {
	background-color: #363636;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;		
	margin: auto auto;
	width: 300px;
	font-size: 16px;
    -webkit-box-shadow:  0px 10px 20px 0px rgba(0, 0, 0, 0.3);
    box-shadow:  0px 10px 20px 0px rgba(0, 0, 0, 0.3);
    position: relative;
	top: 33%;
  
}

#sm-login-form h1 {
	background-color: #292829;
	border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	color: #fff;
	padding: 20px;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
}

#sm-login-form fieldset {
	border: none;
	padding: 20px;
	position: relative;
}


#sm-login-form fieldset form {
	overflow: hidden;
	width: 270px;
}

#sm-login-form fieldset form input {
	font-size: 14px;
	outline: none;
  -webkit-appearance:none;
  width: 260px;
  align: center;
  position: center;
  

}

#sm-login-form fieldset form input[type="text"] {
	border: 1px solid #292829;
	border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	padding: 12px 10px;
	width: 260px;
  -webkit-appearance:none;
}

#sm-login-form fieldset form input[type="password"] {
	border: 1px solid #292829;
	border-top: none;
	border-radius: 0px 0px 3px 3px;
	-moz-border-radius: 0px 0px 3px 3px;
	-webkit-border-radius: 0px 0px 3px 3px;
	padding: 12px 10px;
	width: 260px;
  -webkit-appearance:none;
}

#sm-login-form fieldset form input[type="submit"] {
	background-color: #ebebeb;
	border: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #404040;
	cursor: pointer;
	float: none;
	font-weight: bold;
	margin-top: 20px;
	padding: 12px 12px;
  -webkit-appearance: none;
}

#sm-login-form fieldset form input[type="submit"]:hover {
	background-color: #e0e0e0;
}

#sm-login-form fieldset form span:before {
	background-color: #c9c9c9;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	content: "?";
	display: inline-block;
	height: 20px;
	line-height: 20px;
	margin-right: 10px;
	text-align: center;
	width: 20px;
}


.input-number-box{
  display: inline-block;
  position: relative;
}

.input-number{
  line-height: 25px;
  height:25px;
  padding-right: 25px;
}
.input-number-more,
.input-number-less{
  position: absolute;
  right: 8px;
  border-width: 5px;
  border-style: solid;
  cursor: pointer;
}
.input-number-more{
  top: 2px;
  border-color: transparent transparent gray transparent;
}
.input-number-less{
  bottom: 2px;
  border-color: gray transparent transparent transparent;
}


#sm-login-form fieldset form span {
	font-size: 12px;
	margin-top: 40px;
}

#sm-login-form fieldset form span a{
	color: #eb6d1a;
	text-decoration: none;	
}

#sm-login-form fieldset form span a:hover {
	color: #eb6d1a;
}

a, a:hover, a:active, a:visited , a:focus { text-decoration: none !important; } 

a.disabled, a[disabled] 
{
    cursor: not-allowed;
}

.row {
  margin-right: 0px !important;
  margin-left: 0px !important;
}


.panel-success {
    border-color: #29b74e;
}
.panel-success>.panel-heading {
    color: #fff;
    background-color: #2ecc71;
    border-color: #29b74e;
}
.btn-success {
    color: #fff;
    background-color: #2ecc71;
    border-color: #29b765;
}
.success {
    color: #29b74e;
}
.jgrowl-error {
    background-color: #a94442 !important;
}

.jgrowl-success {
    background-color: #3c763d !important;
}

.jgrowl-warning {
    background-color: #8a6d3b !important;
}

.sparkling-modal-container { }

.sparkling-modal-overlay {
    background: rgba(0, 0, 0, 0.3);
}

.sparkling-modal-frame {
    background: #fff;
    border: 0px solid #000;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px;
    -ms-box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px;
}

.sparkling-modal-title {
    background: #f5f3ef;
    position: relative;
}

.sparkling-modal-title span {
	font-size: 20px;
	padding: 20px;
	float: left;
	line-height: 20px;
}

.sparkling-modal-close {
    /*padding: 20px 30px;*/
	/*line-height: 20px;*/
	/*float: right;*/
    /*font-size: 20px;*/
    
	cursor: pointer;
    height: 100%;
    width: 75px;
    position: absolute;
    right: 0px;
    
    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    -ms-transition: background 0.2s;
    -o-transition: background 0.2s;
    transition: background 0.2s;
}

.sparkling-modal-close:hover { background: #e0ddd6; }

.sparkling-modal-content { padding: 20px; }

.i-close {
    width: 100%;
    height: 100%;
    position: relative;
    transform: rotate(45deg);
}

.i-close-h {
    position: relative;
    height: 1px;
    width: 19px;
    background: #777;
    top: 50%;
    left: 50%;
    margin-left: -9px;
}


.i-close-v {
    position: relative;
    height: 19px;
    width: 1px;
    background: #777;
    top: 50%;
    margin-top: -10px;
    left: 50%;
}


		.strat_th_3
		{   position: relative;
			min-height: 1px;
			width: 37.5%;
			float: left;
			height: 100%;
			font-size: 10px;
			text-align: center;
			border-right: 1px solid #000000;
			border-bottom: 1px solid #000000;
		}
		
		.strat_th_2
		{   position: relative;
			min-height: 1px;
			width: 25%;
			float: left;
			height: 100%;
			font-size: 10px;
			text-align: center;
			border-right: 1px solid #000000;
			border-bottom: 1px solid #000000;
		}
	
		.strat_td
		{   position: relative;
			min-height: 1px;
			width: 12.5%;
			float: left;
			height: 100%;
			font-size: 10px;
			text-align: center;
			border-right: 1px solid #000000;
			border-bottom: 1px solid #000000;
		}
		
		.strat_remove
		{
			position: absolute;
			left: -30px;
			top: 10px;
		}
		
		.inpstrat
		{
			width: 100%;
			height: 100%;
			padding-lieft: 0px;
			padding-right: 0px;
			text-align: center;
		}
		
		.bord
		{
			border: 1px solid #000000;
		}
		.h100 { height: 100%; padding: 0px;}
		
.sm_knbk_circle{
	width: 20px;
	height: 20px;
	background: yellow;
	border-radius: 50%;
	display: inline-block;

}

.input_length {
	height: 30px;
	width: 160px;
	margin-bottom: 3px;
	float: left;
}

input::-webkit-inner-spin-button 
{
	opacity: 1;
}
	
.td_nns input::-webkit-inner-spin-button 
{
	opacity: 0!important;
}	

#knbk_type_img
{
	 background: url(../images/ott.png) no-repeat;
	 height: 13px;
	 width: 13px;
	 position:absolute;

}

.knbk_ch_button{
	display: block;
	height: 15px;
	padding: 0;
    width: 25px;
    text-align: center;
	color: #555;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	float: right;
	margin-top: 1px;

}

.knbk_select_length{
	height: 30px !important;
    margin-bottom: 3px  !important;
	
}


.img_lang
{
   float: left;
   margin-right: 5px;
}

#crash_timer_div {
    text-align: center;
    font-size: 18px;
}



/*  bhoechie tab */
div.bhoechie-tab-container{
  background-color: #ffffff;
  padding: 0 !important;
  height: 100%;
  min-height: 100%;
  position: absolute;
}
div.bhoechie-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
  height: 100%;
}
div.bhoechie-tab-menu div.list-group{
  margin-bottom: 0;
   height: 100%;
}
div.bhoechie-tab-menu div.list-group>a{
  margin-bottom: 0;
  height: 25%;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
  color: #5A55A3;
}
div.bhoechie-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa{
  background-color: #5A55A3;
  background-image: #5A55A3;
  color: #ffffff;
}
div.bhoechie-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #5A55A3;
}

div.bhoechie-tab-content{
  background-color: #ffffff;
  /* border: 1px solid #eeeeee; */
  padding-left: 0px;
  padding-top: 10px;
  height: 100%;
}

div.bhoechie-tab{
  height: 100%;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active){
  display: none;
}

#sm_nns_performance
{
	display: block;
        background: url(../images/performance.png) no-repeat;
        background-size: contain;
	width: 45px; 
	height: 45px;
	position: absolute;
        left: 160px;
        top:5px;
    
}

#sm_nns_performance:hover
{
	width: 50px; 
	height: 50px;
    
}