/* CSS Complementar - Sistema - Distak - Por Joel Fernandes Alvarenga Guimarães - joelfernandesag@hotmail.com */

body {
	width: 100%;
	height: 100%;
	background: #000 url("../../imgs/bg.jpg") no-repeat center center fixed;
	background-size: cover; 
	  -webkit-background-size: cover; 
	  -moz-background-size: cover; 
	  -ms-background-size: cover; 
	  -o-background-size: cover; 
}


.jumbotron {
    position: relative; 
    width: 100%;
    min-height: 100%;
	background-size: cover;
    background: transparent;
    overflow: hidden;
}

.container{
	min-width: 100%;
    min-height: 100%;
	background: transparent;
}

@media screen and (min-width: 
1024px) {
 .panel-login { min-width: 40%; min-height: 85%; }
 .panel-control { min-width: 35%; min-height: 85%; }
 .jumbotron {
    min-width: 100%;
    min-height: 100%;
	background-size: cover;
    background: transparent;
    overflow: hidden;	}
 .list-group{
	max-width: 80%;
	min-width: 80%;
 }
 .panel-footer {
	max-width: 100%;
	min-width: 99%;
 }
 .centralize{
	margin: 0 auto;
	float: none;
 }
}
@media screen and 
(min-width: 200px) and 
(max-width: 640px) {
 .panel-login { min-width: 100%; min-height: 100%; }
 .panel-control { min-width: 100%; min-height: 100%; }
 .jumbotron {
    min-width: 100%;
    min-height: 100%;
	background-size: cover;
    background: transparent;
    overflow: hidden;	}
 .list-group{
	max-width: 80%;
	min-width: 80%;
 }
 .panel-footer {
	max-width: 80%;
	min-width: 70%;
 }
  .hidesmall {
	 display: none;
 }
 .centralize{
	margin: 0 auto;
	float: none;
 }
 .btpanel{
	min-width: 55px;
	margin: 2px 2px 2px 2px;
 }
}
@media screen and 
(min-width: 641px) and 
(max-width: 980px) {
 .panel-login { min-width: 70%; min-height: 85%; }
 .panel-control { min-width: 50%; min-height: 85%; }
 .jumbotron {
    min-width: 100%;
    min-height: 100%;
	background-size: cover;
    background: transparent;
    overflow: hidden;	}
 .list-group{
	max-width: 80%;
	min-width: 80%;
 }
 .panel-footer {
	max-width: 100%;
	min-width: 99%;
 }
 .centralize{
	margin: 0 auto;
	float: none;
 }
.btpanel{
	min-width: 115px;
	margin: 5px 5px 5px 5px;
  }
}

.whitefont{
	color: #fff;
}

.list-group{
	max-width: 80%;
	min-width: 80%;
	margin: 0 auto;
	float: none;
}

.panel-login {
  width: 40%;
  height: 85%;
  margin: 0 auto;
  float: none;
}
.panel-control {
  width: 62%;
  height: 85%;
  margin: 0 auto;
  float: none;
}
.panel-footer {
	max-width: 100%;
	min-width: 99%;
}
.icobig {
	font-size: 28px;
}
.geralcontrol{
	display: table;
}
.controle{
	position: float;
	width: 25%;
}
.btpanel{
	min-width: 115px;
	margin: 5px 5px 5px 5px;
}

.btpnel{
	min-width: 115px;
	margin: 0px 0px 0px 0px;
}

.bigfont{
	font-size: 22px;
}

.centralize{
	margin: 0 auto;
	float: none;
}

/*modal*/

.window{
    display:none;
    width:500px;
    height:250px;
    position:absolute;
    left:0;
    top:0;
    background: #FFF;
    z-index:9900;
    padding:10px;
	border: solid 7px;
	border-color: lightgray;
    border-radius:10px;
}

.windowsp{
    display:none;
    width:600px;
    height:500px;
    position:absolute;
    left:0;
    top:0;
    background: #FFF;
    z-index:9900;
    padding:10px;
	border: solid 7px;
	border-color: lightgray;
    border-radius:10px;
}

.btsp {
	min-width: 250px;
}

.window h4{
	color: white;
	background-color: salmon;
}

.windowsp h4{
	color: white;
	background-color: salmon;
}
 
#mascara{
    display:none;
    position:absolute;
    left:0;
    top:0;
    z-index:9000;
    background-color: salmon;
}
 
.fechar{display:block; text-align:right;}