@import "normalize.css";


/* COLABORADORES.HTML*/


img.stamp{

vertical-align: middle;

/*top right botto left*/
margin: -12px 4px -12px 0px;

}




/* Para não mostar dias no calendario */
/*
.ui-datepicker-calendar {
    display: none;
    }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current
{
    display: none;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close {
    margin: .2em 4em .2em;
    cursor: -webkit-grab;
    padding: .2em .2em .2em .2em;
    width: 50%;
}
*/


/* para\remover o titluo no info dialog */
.no-titlebar .ui-dialog-titlebar {
    display: none;

}



.ui-widget.login-dialog {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
}
.ui-dialog.login-dialog .ui-widget-header {
    background: #2A3F54;
    border: 0;
    color: #fff;
    font-weight: normal;
}
.ui-dialog.login-dialog .ui-dialog-titlebar {
    padding: 0.1em .5em;
    position: relative;
    font-size: 1em;
}


#anomes_dialog {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
  background: #bbd6f5;
  padding: 20px;
}


#mess_dialog /*.ui-dialog-content*/
{white-space:pre-wrap;

 #height:30px;
 width:100px;
 font-size: 18pt;
 font-family:arial;
padding:20px;
  #background: #75d5f0;
  background: #bbd6f5;

 }

/*http://stackoverflow.com/questions/19236146/how-to-set-the-width-of-a-label-in-html*/
label.label0
{
  #position:relative;
  #vertical-align: bottom;
  text-align: left;
  width:100px;
  height:10px;
  font-family:Arial;
  font-size:12px;
  #display:inline-block;
  	color: black;

    padding: 10px;
  }
label.label1
{
  position:relative;
  vertical-align: middle;
  text-align: right;
  width:70px;
  height:10px;
  font-family:Arial;
  font-size:10px;
  display:inline-block
  }
label.label2
{
  position:relative;
  vertical-align: middle;
  text-align: right;
  width:120px;
  height:10px;
  font-family:Arial;
  font-size:10px;
  display:inline-block
  }
/*sem border:*/
input.textbox0{width:100px;height:20px;font-family:Arial;font-size:12px;padding:0;border:0px solid #808080;}
/*com border:*/
input.textbox1{width:100px;height:20px;font-family:Arial;font-size:12px;padding:0;border:1px solid #696969;}



 input, select{
    font-family: sans-serif;
    font: 14px Arial;
    /*line-height: 1.0;*/
    margin: 0px;
    padding:2px;
}




.table_cell
{
    font-size: 12px;
    padding-left: 2px;
    padding-right: 2px;
    margin-top: 0px;
    border-width:0px;
    border:none;
    background:#C8E2E9;
    cursor:pointer;
}


.table_head  {
    font-size: 12px;
    padding-left: 2px;
    padding-right: 2px;
    margin-top: 0px;
    border-width:0px;
    border:none;
    background:#91c5d4;
		}

.RowTable2 td {
background-color: #C8E2E9;
color: #000000;
font-size: 12px;
}

.RowTable td {
background-color: #C8E2E9;
color: #000000;
}
.SelectedRowTable td{
background-color: #e2e9c8;
color: #FF0000;
}


#iframe_Help{

	width:98%;
	color:#CCC;
	background:#78aeeb;
	padding: 10px;
}

div#fixedheader {
/*
	position:fixed;
	top:0px;
	left:0px;
    */
	width:100%;
	color:#CCC;
	background:#78aeeb;
	padding: 12px;
}

div#fixedfooter {
	/*position:fixed;*/
	bottom:0px;
	left:0px;
	width:100%;
	color:#CCC;
	/*background:#78aeeb;*/
	padding:4px;
}

/*   Espaços brancos dos pararagrafos   */
p {
   margin:  1px;
   padding: 1px;
}



label {
    color: Blue;
    font-family: 'Verdana';
    font-size: 14px;
}


/*  novo depois de normalize.css  */

html {
    font-family: sans-serif;
    line-height: 1.0;
}

button,  optgroup,   textarea {
    font-family: sans-serif;
    font: 16px Arial;
    line-height: 1.0;
    margin: 0;
}

.myTxtarea{
    width:80%;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    margin-left: 5px;
}




/* http://livetools.uiparade.com/button-builder.html#  */

.myButton {
   border: 1px solid #3e5461;
   background: #3a78a1;
   background: -webkit-gradient(linear, left top, left bottom, from(#7cbfeb), to(#3a78a1));
   background: -webkit-linear-gradient(top, #7cbfeb, #3a78a1);
   background: -moz-linear-gradient(top, #7cbfeb, #3a78a1);
   background: -ms-linear-gradient(top, #7cbfeb, #3a78a1);
   background: -o-linear-gradient(top, #7cbfeb, #3a78a1);
   background-image: -ms-linear-gradient(top, #7cbfeb 0%, #3a78a1 100%);
   padding: 6px 4px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   text-shadow: #9db2bf 0 1px 0;
   color: #e1f0fa;
   font-size: 12px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: middle;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-right: 1px;
    margin-left: 1px;
   }


.myButton2 {
   border: 1px solid #3e5461;
   background: #3a78a1;
   background: -webkit-gradient(linear, left top, left bottom, from(#7cbfeb), to(#3a78a1));
   background: -webkit-linear-gradient(top, #7cbfeb, #3a78a1);
   background: -moz-linear-gradient(top, #7cbfeb, #3a78a1);
   background: -ms-linear-gradient(top, #7cbfeb, #3a78a1);
   background: -o-linear-gradient(top, #7cbfeb, #3a78a1);
   padding: 4px 2px;
   color: #e1f0fa;
   font-size: 10px;
   font-family: helvetica, serif;
   vertical-align: middle;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-right: 2px;
    margin-left: 2px;
   }

.myButton3 {
   border: 1px solid #3e5461;
   background: #3a78a1;
   background: -webkit-gradient(linear, left top, left bottom, from(#7cbfeb), to(#3a78a1));
   background: -webkit-linear-gradient(top, #7cbfeb, #3a78a1);
   background: -moz-linear-gradient(top, #7cbfeb, #3a78a1);
   background: -ms-linear-gradient(top, #7cbfeb, #3a78a1);
   background: -o-linear-gradient(top, #7cbfeb, #3a78a1);
   padding: 4px 4px;
   /*color: #e1f0fa;*/
   color: #ffff00;
   font-size: 12px;
   font-family: helvetica, serif;
   vertical-align: middle;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 8px;
    margin-left: 8px;
   }

.myButton:hover {
   border: 1px solid #0a3c59;
   text-shadow: #1e4158 0 1px 0;
   background: #3e779d;
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
   background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
   background: -moz-linear-gradient(top, #65a9d7, #3e779d);
   background: -ms-linear-gradient(top, #65a9d7, #3e779d);
   background: -o-linear-gradient(top, #65a9d7, #3e779d);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
   color: #fff;
   }


.myButton:active {
   text-shadow: #1e4158 0 1px 0;
   border: 1px solid #0a3c59;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#3e779d));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   background-image: -ms-linear-gradient(top, #3e779d 0%, #65a9d7 100%);
   color: #fff;
   }


.myStatic  {

    font-family: sans-serif;
    font: 12px Arial;
    color:black;
    width:30px;
    background: transparent;
    border: none;
    outline: none;

}

.myStatic2  {

    font-family: sans-serif;
    font: 10px Arial;
    color:black;
    width:100px;
    background: transparent;
    border: none;
    outline: none;

}
/*
PROPOSTAS:
*/

/* para alinhar os dois fieldsets lado a lado
http://stackoverflow.com/questions/22868968/getting-2-fieldsets-adjacent-side-by-side-next-to-each-other */

#fs_proposta1 {
    box-sizing: border-box;
    padding: 2px;
    margin:4;
    float: left;
    width: 30%;
}
#fs_proposta2 {
    box-sizing: border-box;
    padding: 2px;
    margin:4;
    float: left;
    width: 50%;
}
#fs_proposta3 {
    box-sizing: border-box;
    padding: 2px;
    margin:4;
    float: left;
    width: 20%;
}

#fs_colaborador {
    box-sizing: border-box;
    padding: 2px;
    margin:4;
    float: left;
    width: 100%;
}


#fs_colaborador1 {
    box-sizing: border-box;
    padding: 2px;
    margin:4;
    float: left;
    width: 60%;
}
#fs_colaborador2 {
    box-sizing: border-box;
    padding: 2px;
    margin:4;
    float: left;
    width: 40%;
}

div.fieldset_tipo0{
	border:solid black thin;
    background-color: #e9f3f6;

    margin: 2px 2px 2px 2px;
    padding: 2px;
}

div.fieldset_tipo1{
	border:solid black thin;
	#width: 90%;
    #background-color: #ffffb0;
    background-color: #e9f3f6;
}

/* para quadros inactivos: */

div.fieldset_tipoi{
	border:solid black thin;
	#width: 90%;
    #background-color: #ffffb0;
    background-color: #dddddd;
}



fieldset{
    border: none;
    /*margin: 0 0 0 -10px;*/
    margin: 0 0 0 -8px;
    /*padding: 5px;*/
}


legend{
    font-size: 16px;
	#background-color: blue;
    background-color:#78aeeb;
	color: white;
	width: 100%;
    padding: 5px;
}


fieldset.box{
    margin: 8px;
    border: 1px solid silver;
    padding: 8px;
    border-radius: 4px;
}
legend.l_box {
    padding: 2px;
        font-size: 14px;
	 background-color: #e9f3f6;
    color:black;
    width: 100px;
}

label.proposta{
text-align: left;
width: 70px;
float: left;
font-size: 10px;
line-height: 2.0;
}

label.proposta2{
text-align: right;
width: 100px;
#float: left;
font-size: 10px;
line-height: 1.0;
}
label.colaborador{
#text-align: right;
width: 100px;
#float: right;
font-size: 10px;
#line-height: 1.0;
}

.mydropdown1{
font-size: 14px;

#pesquisas:
}
.mydropdown2{
font-size: 12px;
background-color: #ffffb0;
#padding: 4px;
margin: 4px;

}

/* MAPA*/


#fs_mapa1 {

    padding: 2px;
    margin:2;
    float: left;
    width: 100%;
}

#fs_mapa2 {

    padding: 2px;
    margin:2;
    float: left;
    width: 100%;
}

#fs_mapa3 {

    padding: 2px;
    margin:2;
    float: left;
    width: 100%;
}


#fs_Linhas1{

    padding: 2px;
    margin:2;
    float: left;
    width: 60%;
}

#fs_Linhas2{
    box-sizing: border-box;
    padding: 2px;
    margin:2;
    float: left;
    width: 35%;
}




#idTableMapa {padding: -3px;}
#idTableMapa tr {height:6px;}
#idTableMapa1 tr:hover td { background-color: #e2e9c8; }
#idTableMapa2 tr:hover td { background-color: #e2e9c8; }