﻿.InitBODY{
	
	    background: url('../images/bg.png');
        overflow: hidden; 
		margin: 0px;				
        background-repeat: no-repeat;		
		text-align:center;
		height:1080px;
		width:1920px;
		position: absolute;
		left:0px;
		top:0px;
		
		} 
	  
	  
	  

	  
#portalLogo {
    
    background-repeat: repeat;
    width: 1280px;
    height: 80px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    position: absolute;
    top: 40px;
}	  
	  
/*.morningInit, .morningMenu, .morningSelLang {
 background:#72c1f2;
 background:-moz-linear-gradient(top,#72c1f2 0,#edb674 85%);
 background:-webkit-linear-gradient(top,#72c1f2 0,#edb674 85%);
 background:linear-gradient(to bottom,#72c1f2 0,#edb674 85%);
 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#72c1f2', endColorstr='#edb674', GradientType=0 )
}
.dayInit, .dayMenu, .daySelLang {
 background:#6f78e2;
 background:-moz-linear-gradient(top,#6f78e2 0,#fff 100%);
 background:-webkit-linear-gradient(top,#6f78e2 0,#fff 100%);
 background:linear-gradient(to bottom,#6f78e2 0,#fff 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6f78e2', endColorstr='#ffffff', GradientType=0)
}
.eveningInit, .eveningMenu, .eveningSelLang {
 background:#f4723e;
 background:-moz-linear-gradient(top,#f4723e 0,#fb8f82 85%);
 background:-webkit-linear-gradient(top,#f4723e 0,#fb8f82 85%);
 background:linear-gradient(to bottom,#f4723e 0,#fb8f82 85%);
 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4723e', endColorstr='#fb8f82', GradientType=0 )
}
.nightInit, .nightMenu, .nightSelLang {
 background:#562bd1;
 background:-moz-linear-gradient(top,#562bd1 0,#a85bf6 85%);
 background:-webkit-linear-gradient(top,#562bd1 0,#a85bf6 85%);
 background:linear-gradient(to bottom,#562bd1 0,#a85bf6 85%);
 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#562bd1', endColorstr='#a85bf6', GradientType=0 )
}
.nightInit,.nightMenu,.nightMenu #headerMenu,.nightSelLang #headerSelLang,.nightSelLang .selLangItemTitle,.nightMenu .menuItemSel,.nightMenu .footerMenu{
 color:#f2f2f2
}	  
.nightMenu .menuItemUnsel{
 color:#d0d0d0
}	  
*/	  
.noAccess{
	padding-top:150px;
	color:#FF2000;
	font-size: 250%;
	font-weight: bold;
}	  

.messageBox{
	z-index:3;
	width: 1280px;
	height:720px;
	left:0px; 
	top:0px;
	position:absolute;
	text-align: center;	
}

.messageText{
	background:-moz-linear-gradient(top, rgba(79, 100, 78,0.98) 0%, rgba(2, 31, 0,0.96) 60%, rgba(46, 73, 46,0.8) 100%); 
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(79, 100, 78,0.98)), color-stop(60%, rgba(2, 31, 0,0.96)), color-stop(100%, rgba(46, 73, 46,0.8)));
		background:-webkit-linear-gradient(top, rgba(79, 100, 78,0.98) 0%, rgba(2, 31, 0,0.96) 60%, rgba(46, 73, 46,0.8) 100%);
		background:-o-linear-gradient(top, rgba(79, 100, 78,0.98) 0%, rgba(2, 31, 0,0.96) 60%, rgba(46, 73, 46,0.8) 100%);
		border: solid 2px #6d8d6f; 
	border-radius: 10px 10px 10px 10px;
	color:#FFFFFF;
	font-size: 150%;
	margin: auto auto;
	width:40%;
	padding:15px;
}

#messageTextFooter{
	height: 28px;
	background: left url('../images/close_hlp_footer.png') no-repeat;
	background-position: right;
	position: relative;
	right: -16px;
	bottom: -12px;
	
}

.roomNumBox{
	border: 1px solid #22A7F0;
	background-color: #fff;
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
	color: #555;
	font-size: 150%;
	margin: auto auto;
	width: 210px;
	position: relative;
	top: 240px;
	
}

.roomNumHeading {
    border-bottom: 1px solid #22A7F0;
    background-color: #22A7F0;
    color: #FFF;
	padding: 10px 15px;
	font-size: 20px;
	
}

.main-form {
	padding: 15px;
}

.form-group {
    margin-bottom: 15px;
}

.form-control {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #ccc;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: rgb(204, 204, 204);
        border-right-color: rgb(204, 204, 204);
        border-bottom-color: rgb(204, 204, 204);
        border-left-color: rgb(204, 204, 204);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	display: block;
	box-shadow: none;
}

.roomNumBtn{
	background-color: #22A7F0;
	color: #FFF;
	border-color: #22A7F0;
	border-width: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: 'Roboto Condensed',sans-serif;
	display: inline-block;
	font-size: 14px;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
}	

.ParentLockChangeInpPass{
	/*width:128px;*/
	border-color:#DDEEEE; 
	border-style:solid; 
	border-radius: 5px 5px 5px 5px; 
	margin-top:5px;
	padding:-10px;
	text-align: center;
	height:32px;
}

.ParentLockChangeInpAct{
	/*width:128px;*/
	border-color:#2187c4;
	border-style:solid; 
	border-radius: 5px 5px 5px 5px; 
	margin-top:5px;
	padding:-10px;
	text-align: center;
	height:32px;
	box-shadow: 0px 0px 18px #2187c4;
}


.contButton{	
	text-align:center;
}

.dbActiveButton {
    min-width: 64px;
    border-radius: 5px 5px 5px 5px;
    padding: 5px;
    font-weight: bold;
    border: solid #1eb104;
    box-shadow: 0 0 15px #0ad404;
    -webkit-box-shadow: 0 0 15px #0ad404;
    background: -webkit-linear-gradient(top, #055c02 0%, #008d02 60%, #023f01 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #055c02), color-stop(60%, #008d02), color-stop(100%, #023f01));
    background: -moz-linear-gradient(top, #055c02 0%, #008d02 60%, #023f01 100%);
    background: -o-linear-gradient(top, #055c02 0%, #008d02 60%, #023f01 100%);
    text-shadow: 0px 0px 2px #000;
}

.dbPassiveButton {
    background: rgba(2, 53, 11, 0.7);
    border-color: #90A0B0;
    min-width: 64px;
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    padding: 5px;
    color: #90A0B0;
}



.loading {
    position: absolute;
    top: 340px;
    left: 580px;
    z-index: 1000000;
}

.loading>section{
	width:38px;
	height:38px;
	background-color:#fff;
	border-radius:100%;
	display:inline-block;
	-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;
	animation:sk-bouncedelay 1.4s infinite ease-in-out both;	
	border: solid 2px #3A7E3D;
	box-shadow: 0px 0px 6px #3A7E3D;
}
.loading .bounce1{
	-webkit-animation-delay:-.32s;animation-delay:-.32s
}
.loading .bounce2{
	-webkit-animation-delay:-.16s;animation-delay:-.16s
}
@-webkit-keyframes sk-bouncedelay{
	0%,100%,80%{-webkit-transform:scale(0)} 40%{-webkit-transform:scale(1)}
}
@keyframes sk-bouncedelay{
	0%,100%, 80%{-webkit-transform:scale(0);transform:scale(0)} 40%{-webkit-transform:scale(1);transform:scale(1)}
}