/*
 
	Модуль login
 
*/
@media screen and (orientation: landscape) {
	.l_parent {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		overflow: auto;
	}
	.l_block {
		width: 260px;
		height: 389px;
		
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		
		color: #828282;
		
		padding: 0;
		
		text-align: left;
		vertical-align: middle;
		
		line-height: 100%;
		line-height: 100%;
		/*
		border: #f00 1px dotted;
		*/
		
		border: #cfcccf 1px solid;
		background-color: #fafafa;
		color: #141c1c;
		
		border-radius: 3pt;
		/*
		-webkit-box-shadow: 0px 0px 36px 12px rgba(191,187,191,1);
		-moz-box-shadow: 0px 0px 36px 12px rgba(191,187,191,1);
		box-shadow: 0px 0px 36px 12px rgba(191,187,191,1);
		*/
		-webkit-box-shadow: 0px 0px 36px 12px rgba(100,100,100,.1);
		-moz-box-shadow: 0px 0px 36px 12px rgba(100,100,100,.1);
		box-shadow: 0px 0px 36px 12px rgba(100,100,100,.1);
		
		text-align: center;
		
		overflow: hidden;
	}
	.l_window{
		padding: 0;
		margin: 0 auto;
		text-align: center;
		
		background-color: #f5f5f0;
		
		background: transparent;
		
	}
	.l_window table{
		padding: 0;
		margin: 0;
		border: none;
		width: 100%;
		border-collapse: collapse;
		background: transparent;
	}
	.l_window div {
		margin: 0;
		border: #f00 1px dashed;
		
		border: none;
		
	}

	.l_window tr{
		padding: 0;
		margin: 0;
		width: 100%;
		border: #f00 1px solid;
		border: none;
		font-size: 0;
		
		color: #2e1f0f;

		background-color: #e0e0e0;
		
		/*
		-webkit-box-shadow: inset 0px -1px 6px 1px rgba(0,0,0,0.2);
		-moz-box-shadow: inset 0px -1px 6px 1px rgba(0,0,0,0.2);
		box-shadow: inset 0 -3px 2px 1px rgba(200,200,200,0.1);
		*/
		/*
		background: linear-gradient(0deg, rgba(87,87,87,.5) 0%, rgba(191,187,191,1) 3%);
		*/
	}


	.l_logo{
		padding: 3pt;
		margin: 0 auto;
		
		width: 30%;
		min-width: 30%;
		max-width: 30%;
		
		font-size: 0;

		text-align: center;
		vertical-align: middle;

		background-color: rgba(255, 0, 0, .3);
		
		background: transparent;
	}
	.l_logo img {
		height: 32px;
		min-height: 32px;
		max-height: 32px;
		padding: 0;
		margin: 0;
		border: none;
	}

	.l_header{
		padding: 3pt;
		margin: 0 auto;
		/*
		height: 38px;
		min-height: 38px;
		max-height: 38px;
		*/
		
		font-family: Font_Headers;
		
		text-shadow:0px 1px 0px rgba(255, 255, 255, 1);
		
		width: 70%;
		min-width: 70%;
		max-width: 70%;
		
		font-size: 12pt;
		color: #444;

		text-align: left;
		vertical-align: middle;

		background-color: rgba(0, 200, 0, .3);
		
		background: transparent;
	}


	.l_title{
		padding: 3pt 0 3pt 0;
		margin: 0;
		color: #110f0f;
		
		text-align: center;
		
		background-color: rgba(0,0,255,.2);
		
		background: transparent;
		
	}
	.l_form{
		padding: 0 9pt 3pt 9pt;
		margin: 0;
		
		text-align: center;
		
		background-color: rgba(255, 0, 0, .2);
		
		background: transparent;
		
	}
	.l_form input {
		text-align: center;
	}

	.l_form_cap{
		padding: 3pt 0 3pt 0;
		margin: 0;
		
		font-size: 0;
		
		text-align: center;
		
		background-color: rgba(0, 200 ,0,.2);
		
		background: transparent;
		
		height: 50px;
		min-height: 50px;
		
	}
	.l_form_cap img {
		padding: 0;
		margin: 0;
		opacity: 1;
		width: auto;
		height: auto;
	}

	#btn_content{
		margin: 9pt 0 0 0;
		height: 24pt;
		min-height: 24pt;
		max-height: 24pt;
		
		background-color: rgba(200,0,0,.2);
		
		background: transparent;
		
	}

	.l_msg{
		padding: 3pt;
		margin: 0;
		
		font-family: Font_Mono, monospace;
		
		background-color: rgba(0, 0, 200, .2);
		
		background: transparent;
		
		
		font-size: 8pt;
		
		color: #689d42;
	}
}

/*
	The vw unit represents 1% of the viewport's width, while vh represents 1% of the viewport's height
*/

@media screen and (orientation: portrait) {
	.l_parent {
		width: 100vw;
		height: 100%;
		
		background-color: #fafafa;
		
		background: transparent;
	}
	.l_block {
		
		width: 100vw;
		height: 100vh;
		
		color: #828282;
		
		padding: 0;
		
		text-align: left;
		vertical-align: middle;
		
		line-height: 100%;
		line-height: 100%;
		/*
		border: #f00 1px dotted;
		*/
		
		border: none;
		background-color: #fafafa;
			
		color: #141c1c;
		
		text-align: center;

	}
	.l_window{
		padding: 0;
		margin: 0 auto;
		text-align: center;
		
		background-color: #f5f5f0;
		
		background: transparent;
		
	}
	.l_window table{
		padding: 0;
		margin: 0;
		border: none;
		width: 100%;
		border-collapse: collapse;
		background: transparent;
	}
	.l_window div {
		margin: 0;
		border: #f00 1px dashed;
		
		border: none;
		
	}

	.l_window tr{
		padding: 0;
		margin: 0;
		width: 100%;
		border: #f00 1px solid;
		border: none;
		font-size: 0;
		
		color: #2e1f0f;

		background-color: #e0e0e0;
	}

	.l_logo{
		font-size: 0;
		
		width: 25vw;
		min-width: 25vw;
		max-width: 25vw;
		
		height: 20vw;
		min-height: 20vw;
		max-height: 20vw;
		
		background: transparent;
	}
	.l_logo img {
		padding: 0;
		margin: 0;
		border: none;
		width: calc(25vw - 4vw);
		min-width: calc(25vw - 4vw);
		max-width: calc(25vw - 4vw);
		height: 20vw;
		min-height: 20vw;
		max-height: 20vw;
		border: none;
	}

	.l_header{
		padding: 1vw;
		margin: 0 auto;
		/*
		height: 38px;
		min-height: 38px;
		max-height: 38px;
		*/
		
		font-family: Font_Headers;
		
		text-shadow:0px 1px 0px rgba(255, 255, 255, 1);
		
		width: 70%;
		min-width: 70%;
		max-width: 70%;
		
		font-size: 4vw;
		color: #444;

		text-align: left;
		vertical-align: middle;

		background-color: rgba(0, 200, 0, .3);
		
		background: transparent;
	}

	.l_title{
		padding: 4vw 0 2vw 0;
		margin: 0;
		color: #110f0f;
		
		font-family: 'Font_Headers';
		font-size: 4vw;
		
		text-align: center;
		
		background-color: rgba(0,0,255,.2);
		
		background: transparent;
		
	}
	.l_form{
		padding: 0 4vw 2vw 4vw;
		margin: 0;
		
		text-align: center;
		
		background-color: rgba(255, 0, 0, .2);
		
		background: transparent;
		
	}
	.l_form input {
		text-align: center;
		font-size: 4vw;
		padding: 2vw;
		margin: 0;
		
		border-radius: 4vw;
	}

	.l_form_cap{
		padding: 2vw 0 2vw 0;
		margin: 0;
		
		font-size: 0;
		
		text-align: center;
		
		background-color: rgba(0, 200 ,0,.2);
		
		background: transparent;
		
		height: 15vw;
		min-height: 15vw;
		
	}
	.l_form_cap img {
		padding: 0;
		margin: 0;
		opacity: 1;
		height: 15vw;
		min-height: 15vw;
	}

	#btn_content{
		margin: 4vw 0 0 0;
		height: 4vw;
		min-height: 4vw;
		max-height: 4vw;
		
		background-color: rgba(200,0,0,.2);
		
		background: transparent;
		
	}

	.l_msg{
		padding: 2vw;
		margin: 4vw 0 0 0;
		
		width: 100vw;
		font-family: Font_Mono, monospace;
		background: transparent;
		font-size: 4vw;
		line-height: 100%;
		color: #689d42;
		display: table-cell;
	}
	
	/*  */
	.l_interface {
		padding: 0;
		margin: 0;
		font-size: 0;
	}
	.l_interface label {
		font-size: 4vw;
		padding: 0;
		margin: 0 0 4vw 0;
		display: inline-block;

	}
	.l_interface input[type=radio] {
		
		padding: 0 0 0 0;
		margin: 0 0 2vw 0;
		height: 6vw;
		min-height: 6vw;
	}
	
	#btn_content {
		padding: 4vw 4vw 4vw 4vw;
		margin: 0;
		
		display: table-cell;
	}
	
	#btn_content .btn {
		font-family: Font_Button;
		box-shadow:inset 0px 39px 7px -24px #5fc960;
		background-color:#2759a1;
		border-radius: 4vw;
		border:.5vw solid #2759a1;
		cursor:pointer;
		color:#ffffff;
		
		height: 20vw;
		min-height: 20vw;
		max-height: 20vw;
		
		width: calc(100vw - 4vw);
		
		display: table-cell;
		
		font-size: 4vw;
		text-align: center;
		vertical-align: middle;
		
		padding: 0 8vw;
		margin: 0;
		
		text-decoration:none;
		text-shadow:0px -1px 0px #2759a1;
		
		-webkit-box-shadow: 0px 1px 2px 1px rgba(151,147,151,1);
		-moz-box-shadow: 0px 1px 2px 1px rgba(151,147,151,1);
		box-shadow: 0px 1px 2px 1px rgba(151,147,151,1);
		box-shadow: 0px 1px 2px 1px rgba(151,147,151,1);
	}
}