body{background-color: #eee;}
.pace-done{background-color: #eee;}
html{background-color: #eee;}


.caixa_tabela header{background-color:#07313b}

.page-title{margin:12px 0 20px}


@media (max-width : 320px) {
   .list-unstyled{padding-left:10px;}
  }
  
.btn-primary{background-color:#558C91}
.well{border:none}
.jarviswidget>header{display:none}
.jarviswidget>div{background:none !important;border:none !important;}
.etiqueta{color:white}

#continuar{color:white; font-weight: bold; margin:0px 135px 0px 0px;padding:7px 19px;}

#submit{color:white; font-weight: bold; margin:0px 135px 0px 0px;padding:7px 19px;float:right}

/* condition for screen size minimum of 500px */
@media (min-width:500px) {

  /* your conditional / responsive CSS inside this condition */

  .canvas-resize { width:300px; height:100px; }

}
@media (max-width:720px) {
    html {
        background-image: url(https://zapcontrato.com.br/asset/imagens/fundo_login_m.jpg) !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: cover !important;
        width: 100% !important;
        height: 100% !important;
        background-attachment: scroll !important;

    }
    
    #logo{
    	position:absolute !important;
    	left:40px !important;
    	top:40px !important;
    }
    
    #content{
    	margin-top: 25% !important;
    }
    
    #avisos{
    	margin-top:10px !important;
    }
}
@media (min-width:720px) {
    html {
        background-image: url(https://zapcontrato.com.br/asset/imagens/fundo_login.jpg) !important;
        background-repeat: repeat-y !important;
        background-position: center !important;
        background-size: cover !important;
        width: 100% !important;
        height: 100% !important;
        background-attachment: fixed !important;
    }
    
     #logo{
    	position:absolute;
    	left:250px;
    	top:35px;
    }

}

@media (min-width: 768px) {
	.modal-dialog{
		width: 90% !important;
	}
}

@media (min-width:600px) {

  /* your conditional / responsive CSS inside this condition */

  .canvas-resize { width:450px; height:150px; margin-left:-60px; padding:0; }

}


#extr-page{
    background:none;
}