/* 
    Document   : style
    Created on : 09/09/2013, 19:58:32
    Author     : Nelson Koichi Matsuda
    Description:
        Folha de estilo sistema CLINICA.
*/

root { 
    display: block;
}
body {
	font-family:   "Arial",  "Verdana", "Helvetica", "sans-serif";
	font-size: 62.5%;
}
.toolbar {
    float: left;
}

    label { display: block; margin-left: 5px; font-size: 1.1em; color: dimgrey}
    input.text {  padding: .3em; }
	input:read-only { background: #f0f0f0; }
	select:disabled { background: #f0f0f0;}
	select[readonly] {
  background: #eee; /*Simular campo inativo - Sugestão @GabrielRodrigues*/
  pointer-events: none;
  touch-action: none;
}
    radio {  font-size: 1,5em; }
    select { padding: .3em; display:block;}
    legend {font-size: 1.3em;font-weight: bold; }
    h1 { font-size: 2em; }
    div#users-contain { width: 350px; margin: 20px 0; }
    div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
    div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
    .ui-dialog .ui-state-error { padding: .3em; }
    .validateTips { border: 1px solid transparent; padding: 0.3em; }
    .flutua {float: left; margin-right: 5px;}
    .quebra {display: block; }
	.ui-menu-button { position: absolute; width: 100px; }
	.fc-agenda-slots td div { height: 50px; }
	.link-cad {
	height:20px;
	text-decoration: none;
	}
    .campos {
        width: 30px;
        font-size: 11px;
        }
    .campos_dt {
       
        font-size: 11px;
        }  
	.unstyled::-webkit-inner-spin-button,
	.unstyled::-webkit-calendar-picker-indicator,
	.unstyled::-webkit-clear-button	{ 
		display: none;
		-webkit-appearance: none;
	}
	.evento {
	font-size: 10px;
	}	
    #loading {
		background: url('images/wait.gif') center center no-repeat;
		position: fixed; top: 280px; left: 670px; width: 50px; height: 50px;
		z-index: 1000;
		}	
    #dialog-confirm {
		font-size: 15px;
	}
    .ui-dialog-title {
		font-size: 18px;
	}	
    #cadastro {
		width: 1000px; 	
		float: right;
		padding: 2px;
		}
    #tabela_consulta {
		width: 500px; 	
		padding: 2px;
		}
	#tabela_perfil{
		    text-align: center; 
			padding: 2px;
			width: 500px; 	
			border: 1px solid #6c6c6c;
	}	
	#tabela_perfil td{
			width: 100px; 	
			background-color: #fff;
			border: 1px solid #6c6c6c;
	}
	#agendamentos {
	width:1200px;	
	float: left; 
	}	
    button:disabled {
        color: #cfcfcf;
        background-color: #fff;
        border: none;
    }
    #detalhe_agendamento {
		padding: 5px 5px 5px 5px;
	    border: 1px solid;		
		width: 280px; 
		min-height: 500px;
		float: left; 
		border-radius: 7px 7px 7px 7px;
		-moz-border-radius: 7px 7px 7px 7px;
		-webkit-border: 7px 7px 7px 7px;		
		}
    #calendario {
		width: 900px; 	
		float: right;
		padding: 2px;
		border: 1px solid;		
		border-radius: 7px 7px 7px 7px;
		-moz-border-radius: 7px 7px 7px 7px;
		-webkit-border: 7px 7px 7px 7px;			
		}		
    fieldset  {
		/*
                background: #ffffff; 
		background-image: linear-gradient(bottom, rgb(255,255,255) 2%, rgb(204,204,204) 70%, rgb(255,255,255) 90%);
		background-image: -o-linear-gradient(bottom, rgb(255,255,255) 2%, rgb(204,204,204) 70%, rgb(255,255,255) 90%);
		background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 2%, rgb(204,204,204) 70%, rgb(255,255,255) 90%);
		background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 2%, rgb(204,204,204) 70%, rgb(255,255,255) 90%);
		background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 2%, rgb(204,204,204) 70%, rgb(255,255,255) 90%);
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.02, rgb(255,255,255)),
			color-stop(0.7, rgb(204,204,204)),
			color-stop(0.9, rgb(255,255,255))
			);
                */
		background-image: linear-gradient(top, rgb(255,255,255) 5px, rgb(204,204,204) 10px, rgb(255,255,255) 10px, rgb(255,255,255) 100%);
		background-image: -o-linear-gradient(top, rgb(255,255,255) 5px, rgb(204,204,204) 10px, rgb(255,255,255) 10px, rgb(255,255,255) 100%);
		background-image: -moz-linear-gradient(top, rgb(255,255,255) 5px, rgb(204,204,204) 10px, rgb(255,255,255) 10px, rgb(255,255,255) 100%);
		background-image: -webkit-linear-gradient(top, rgb(255,255,255) 5px, rgb(204,204,204) 10px, rgb(255,255,255) 10px, rgb(255,255,255) 100%);
		background-image: -ms-linear-gradient(top, rgb(255,255,255) 5px, rgb(204,204,204) 10px, rgb(255,255,255) 10px, rgb(255,255,255) 100%);
		background-image: -webkit-gradient(
			linear,
			left top,
			left bottm,
			color-stop(5px, rgb(255,255,255)),
			color-stop(10px, rgb(204,204,204)),
			color-stop(10px, rgb(255,255,255)),
                        color-stop(1.0, rgb(255,255,255))
			);                
                
		border-radius: 7px 7px 7px 7px;
		-moz-border-radius: 7px 7px 7px 7px;
		-webkit-border: 7px 7px 7px 7px;			
	}
	.ui-autocomplete-loading {
		background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat;
	}
	
	div#resultado {height: 30px;}
        #login {
            background-color: #fff;
            border: 1px solid #555;
            position:absolute;
            top:50%;
            left:50%;
            width: 400px;
            margin-left:-200px;
            margin-top:-150px;
            padding: 10px;
			display: block;
            -moz-border-radius: 4px;
            -webkit-border-radius: 7px;
            box-shadow: 5px 5px 3px #999999;
            -webkit-box-shadow: 5px 5px 3px #999999;
            -moz-box-shadow: 5px 5px 3px #999999;
        }
		#creditos {
            position:absolute;
			background: url('../images/entrenaweb.png') right center no-repeat;			
			text-align: center;
            top:110%;
            left:50%;
            width: 400px;
            margin-left:-200px;
            margin-top:-150px;
            padding: 10px;
			font-size: 1.2em;
			display: block;
        }
        #menu_bar {  
		padding: 5px 5px 5px 5px;
		position:absolute;
		top:10px;
		width: 180px; 
		float: left; 
		background: #eee;
		 -moz-border-radius: 4px;
            -webkit-border-radius: 7px;
		  box-shadow: 1px 3px 3px #999999;
            -webkit-box-shadow: 1px 3px 3px #999999;
            -moz-box-shadow: 1px 3px 3px #999999;
		}
	#top_bar {
		position: fixed !important;
		background: #3B5998;
		width: 100%;
		height: 40px;		
		z-index: 300;
		top:0px; 
		padding:5px;
		left: 0px;		
	}
	.menu_label {
	border: 1px solid #999999;
	padding-left: 15px;
	padding-top: 4px;
	font-size: 1.1em;
	text-shadow: 2px 2px 2px #fff;
	height: 20px;
	color: black;
			background-image: linear-gradient(bottom, rgb(255,255,255) 2%, rgb(204,204,204) 70%, rgb(255,255,255) 90%);
		background-image: -o-linear-gradient(bottom, rgb(255,255,255) 2%, rgb(204,204,204) 70%, rgb(255,255,255) 90%);
		background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 2%, rgb(204,204,204) 70%, rgb(255,255,255) 90%);
		background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 2%, rgb(204,204,204) 70%, rgb(255,255,255) 90%);
		background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 2%, rgb(204,204,204) 70%, rgb(255,255,255) 90%);
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.02, rgb(255,255,255)),
			color-stop(0.7, rgb(204,204,204)),
			color-stop(0.9, rgb(255,255,255))
			);	
	-moz-border-radius: 2px;
    -webkit-border-radius: 3px;
	}
	
	.btn {
	margin:5px;
	}
	
	#geral {
	width:1200px;
	border: 0px solid red;
	height:600px;	
	}
	
	#tblCadastro {
		font-size: 1.1em;
		border: 1px solid black;		
	}
	
 .dataTables_wrapper {
    font-size: 12px;
}

#draggable { 
    width: 550px; height: 400px; padding: 10px; 
    	-moz-border-radius: 2px;
    -webkit-border-radius: 3px;
    z-index: 1000;
}


  .column {
    width: 485px;
    float: left;
    padding-bottom: 100px;
  }
  .portlet {
    margin: 0 1em 1em 0;
    padding: 0.3em;
  }
  .portlet-header {
    padding: 0.2em 0.3em;
    margin-bottom: 0.5em;
    position: relative;
  }
  .portlet-toggle {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -8px;
  }
  .portlet-content {
    padding: 0.4em;
  }
  .portlet-placeholder {
    border: 1px dotted black;
    margin: 0 1em 1em 0;
    height: 50px;
  }

 .btn_hist {
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;  
  font-size: 13px;
  border-radius: 3px;
  padding: 6px;
  border: 1px solid #333333;  
}
.btn_hist:hover {
  background-color: #dcdcdc;
}