/* windows */

/*
	position:fixed;
	top:0px;
*/
.window {
	min-height: 100%;
	width: 100%;
	min-height: 100%;
}

.window .frame {
	background-color: #FFF;
}	

.w1 {
	z-index: 2000;
}

.w2 {
	z-index: 3000;
}

.win-hide {opacity:0;}

.padding-10 {padding:10px;}
.padding-5 {padding:5px;}

/* window => title */

.dl-title {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	padding:7px;
}

.dl-title .field-title {
	float:left;
	padding:7px 11px;
	font-size:18px;
	font-weight:bold;
}	 

.dl-title-grey .dl-title {
	background-color:#EEE;
}
.dl-title-blue .dl-title {
	background-color:#00A2E8;
}
.dl-title-dgrey .dl-title {
	background-color:#888;
	color:#FFF;
}

/* windows => content */

.win-title .dl-content { margin-top : 54px; }
.win-transparent {background-color:transparent!important;}

/* win-title */
.win-title {
	width:100%;
	padding:7px;
	background-color:#DDD;
	text-align:center;
	height: 54px;
}

.win-title-left {
	padding-left: 40px ;
	text-align: left;
}	

.win-title .field-title {
	padding:6px 11px;
	font-size:18px;
	font-weight:bold;
}

.win-content {padding:15px 10px;background-color: #FFF;position: relative;}

.full-window .win-content {padding: 0px;}
.bottom-window {
	height: 100%;	
	bottom: 0px;
	position: fixed!important;
}

.body {height: 100%}

.mode-tablet .full-window .frame {
	width: 100%;
	max-width: 100%;
}

.mode-tablet .full-window .win-content {
}

.mode-tablet .window.full-window {
}

.bottom-window .frame {
	height: 100%;	
}

.bottom-window .win-content {
	height: 100%;
}

.mode-tablet .window-bottom-box.win-left, .win-left .frame {left:0px;transform:translate(0,0)}
.window {position:absolute;}

@media (max-width: 700px) {
.window {width:100%;bottom: 0px;margin-left:100%!important;}
.win-show {margin-left: 50%!important;transform: translate(-50%,0)}
}
@media (min-width: 701px) {
.window {margin-left: 50%!important;margin-top: 100px;width:100%;bottom: 0px;opacity: 0;transform: translate(-50%,0);}
.win-show {margin-top: 0px!important;opacity: 1}
}

.question-frame {position: fixed!important}
.win-absolute {position: absolute!important;top: 0px}
.win-absolute .full-div {background-color: #FFF!important;opacity: 1!important}

.window-bottom-box {
	z-index:2000;
	position:fixed;
	bottom:0px;
	left:0px;
	text-align:center;
	max-width: 450px;
    width: 100%;
    background-color:#EEE;
	box-shadow: rgba(0, 0, 0, 0.12) 0px -3px 6px;border-top:1px solid #CCC;
	left: 50%;
    transform: translate(-50%, 0%);
    display: none;

}

.mode-tablet .win-left .window-bottom-box {
    left: 0px;
    transform: translate(0,0);
}