* {
	font-family: Arial, Tahoma, Verdana;
	text-transform: none;
}

body
{
	margin:0px;
	
}

hr {
	margin-top: 15px;
	margin-bottom: 15px;
	
}

.btnTroca {
	background: url(../images/login-btn.gif) no-repeat;
	width: 100%;
	height: 28px;
	font-family: verdana;
	font-size: 14px;
	border: 0px none;
	margin-top: 5px;
}

#uiHeader {
	padding: 10px;
}

#uiHeader a {
	text-decoration: none;
}

.usuario {
	width: 60%;
}


.menuLateral {
	width: 300px;
	height: 100%;
	float: left;
}

.menuLateral a {
	cursor: pointer;
}

#divContainer {
	min-width: 900px;
	height: 100%;
}

#divContainerForm {
	min-width: 900px;
	height: 100%;
	float: left;
}


.header {
	background-color: #dedede;
	height: 50px;
	border: 1px solid;
	
}

.titulo {
	width: 70%;
	height: 100%;
}

.imgPesquisa {
	background: url('../images/search.png') no-repeat scroll 100% 80% transparent;
	margin: 7px 10% 7px 10%;
	width: 32px;
	height: 32px;
	float: right;
}

.titulo h3 {
	font-size: 20pt;
	color: green;
	margin-left: 10px;
	margin-top: 8px;
}

.pesquisa {
	width: 32%;
	margin-left: 68%;
	height: 50px;
	text-align: right;
}

.pesquisa input {
	width: 70%;
	font-size: 12pt;
	margin-top: 10px;
}

.pesquisa img {
	margin-top: 2px;	
}

.menuSuperior {
	padding: 2px;
	float: left;
	width: 30%;
}

.menuSuperior img {
	margin-left: 10px;	
}

.menuInferior {
	padding: 10px;
}

.popupFields {
	font-size: 10pt;
}

.popupFields label {
	width: 160px;
	text-align: right;
	float: left;
	padding: 2px;
	margin-right: 10px;
	font-weight: bold;
	margin-top: 5px;
	font-size: 10pt;
}

.popupFields input {
	padding: 2px;
	margin-top: 3px;
	font-size: 10pt;
	text-transform: uppercase;	
}

.popupFields textarea {
	padding: 2px;
	margin-top: 3px;
	font-size: 10pt;
	text-transform: lowercase;
}

.popupFields select {
	padding: 2px;
	margin-top: 3px;
	font-size: 10pt;
	text-transform: none;	
}

.labelLarger label {
	width: 163px;
}

.filter {
	font-size: 10pt;
	padding: 10px;
}
.filter label, .fields label {
	text-align: right;
	float: left;
	margin-right: 10px;
	font-weight: bold;
	margin-top: 5px;
	font-size: 10pt;
}

.fields {
	font-size: 10pt;
	min-width: 970px;	
	padding: 10px;
}

.fields label {
	width: 160px;
}

.fields .row label {
	padding-left: 3px;
	width: auto;
}

.fields input, .filter input {
	padding: 2px;
	margin-top: 3px;
	font-size: 10pt;
	text-transform: uppercase;	
}

.fields textarea {
	padding: 2px;
	margin-top: 3px;
	font-size: 10pt;
	text-transform: lowercase;
}

.fields select, .filter select {
	padding: 2px;
	margin-top: 3px;
	font-size: 10pt;
	text-transform: none;	
}

#id {
	color: #888;
	font-weight: bold;
	width: 10%;
}

th {
	padding: 5px;
}


#divContainer table { 
	margin: 1em 0; 
	border-collapse: collapse;
}

.linkTabela, .linkTabela:hover { 
	font-size: 9pt;
	cursor: pointer;
	padding: 0px;
}

#divContainer table td, table th { 
	border: 1px solid #eee; 
	padding: .6em 10px; 
	text-align: left; 
	font-size: 9pt;
}

#divContainerForm table { 
	margin: 1em 0; 
	border-collapse: collapse;
}

#divContainerForm table td, table th { 
	border: 1px solid #eee; 
	padding: .6em 10px; 
	text-align: left; 
	font-size: 9pt;
}


.menuLateral .ui-widget-header {
	height: 40px;
	font-size: 0.9em;
	border: 0px none;
}
	
.ui-menu-item table {
	margin: 0; 
	border: 0px none;
	width: 100%;
} 	

.ui-menu-item tr {
}
	
.ui-menu-item th {
	font-size: 12pt;
	border: 0px none;
	margin: 0; 
	padding: 0px 10px 0px 0px;
	font-weight: bold;
}

.ui-menu-item td {
	font-size: 8pt;
	border: 0px none;
	margin: 0; 
	padding: 0px 10px 0px 0px;
}

.ui-menu-item .none {
	font-size: 2pt;
	border: 0px none;
	margin: 0; 
	padding: 0;
	width: 2px;
}

.right {
	text-align: right;
}

.divBotao {
	width: 100%;
	padding-left: 90px;
	padding-top: 10px;
	width: 291px;
	font-size: 10pt;
}

.divBotaoClear {
	width: 100%;
	width: 291px;
	font-size: 10pt;
}

.divBotaoClear input {
	background: url(../images/login-btn.gif) no-repeat;
	font-family: verdana;
	border: 0px none;
	width: 118px;
	height: 28px;
	color: #000;
}


.divBotao input {
	background: url(../images/login-btn.gif) no-repeat;
	font-family: verdana;
	border: 0px none;
	width: 118px;
	height: 28px;
	color: #000;
}

.areaVerde {
	background-color: green;
}

.areaAmarela {
	background-color: yellow;
}

.areaVermelha {
	background-color: red;
}

.divLeitoLeitos{
	padding: 0;
	clear: both;
	width: 100%;
}

.divLeito{
	width: 120px; 
	margin: 30px;
	float: left;
	height: 120px;
}

.divLeitoRed {
	width: 135px; 
	margin: 20px;
	text-align: center;
	float: left;
	height: 85px;
}

.divLeitoRed img{
	margin-top: 5px;
}

.spanLeito{
	font-size: 8pt;
	font-weight: bold;
	position: relative;
	top: -15px;
}

.spanLivre {
	font-size: 12pt;
	font-weight: bold; 
	color: green; 
}

.spanReservado {
	font-size: 11pt;
	font-weight: bold; 
	color: blue; 
}

.divLeitoEvol {
	width: 200px; 
	margin: 20px;
	text-align: center;
	float: left;
	padding: 10px;
}

.spanEvolucao{
	font-size: 10pt;
	font-weight: bold; 
}

.menuItem {
	font-size: 10pt;
	text-decoration: none;
	margin: 10px;
}

.menuItem:HOVER {
	font-weight: bold;
	font-size: 12pt;
}

.btnTeclado {
	width: 70px; 
	height: 70px; 
	margin: 10px;
}

.btnTeclado0 {
	width: 157px; 
	height: 70px; 
	margin: 10px;
}

.selecionado {
	border: 3px solid red;
}

.leitoSelecionado {
	border: 3px solid red;
	float: left;
}

.spanTempo {
	font-size: 11pt;
	font-weight: bold; 
	color: black;
}

.spanTmp {
	font-size: 7pt;
	color: black;
}

.btnAcao {
	width: 400px; 
	height: 60px; 
	margin: 10px;
}

.divLeitoCenso {
	float: left; 
	margin: 3px;
}

.ui-buttonset label {
	text-align: center;
	width: auto;
	padding: inherit;
	
}

#divLoading {
	display: none;
	width: 132px;
}

.ui-div-programas {
	float: left; 
	width: 80%; 
	background-color: #000;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.ui-div-programas div {
	background-color: #000;
	color: #ddd;
	float: left; 
	font-weight: bold;
	font-size: 8pt; 
	text-align: center; 
	width: 130px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	background-color: #000;
	padding: 5px;
}

.ui-div-programas div:HOVER {
	background-color: #fff;
	color: #000;
	cursor: pointer;
}

thead {
	display:table-header-group;
}

legend {
	margin-left: 10px;
	font-size: 13pt;
	font-weight: bold;
	
}

.tdInformacao {
	font-size: 12pt;
	font-weight: bold;
	width: 100px;
	padding: 13px 2px 2px;
	text-align: right;
}

.ui-datepicker {
	width: 202px;
}

#uiProgress {
	position: fixed;
	z-index: 2147483647;
	top: 0;
	left: -6px;
	width: 1%;
	height: 2px;
	background: #FF8C00;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	-moz-transition: width 500ms ease-out,opacity 400ms linear;
	-ms-transition: width 500ms ease-out,opacity 400ms linear;
	-o-transition: width 500ms ease-out,opacity 400ms linear;
	-webkit-transition: width 500ms ease-out,opacity 400ms linear;
	transition: width 500ms ease-out,opacity 400ms linear;
}


#uiProgress dd, #uiProgress dt {
	position: absolute;
	top: 0;
	height: 2px;
	-moz-box-shadow: #FF8C00 1px 0 6px 1px;
	-ms-box-shadow: #FF8C00 1px 0 6px 1px;
	-webkit-box-shadow: #0CC4400 1px 0 6px 1px;
	box-shadow: #FF8C00 1px 0 6px 1px;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}

#uiProgress dt {
	opacity: .6;
	width: 180px;
	right: -80px;
	clip: rect(-6px,90px,14px,-6px);
}

#uiProgress dd {
	opacity: .6;
	width: 20px;
	right: 0;
	clip: rect(-6px,22px,14px,10px);
}

.tdPopup {
	border: 1px solid #222222;
}

#uiProgress {
	position: fixed;
	z-index: 2147483647;
	top: 0;
	left: -6px;
	width: 1%;
	height: 7px;
	background: #FF8C00;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	-moz-transition: width 500ms ease-out,opacity 400ms linear;
	-ms-transition: width 500ms ease-out,opacity 400ms linear;
	-o-transition: width 500ms ease-out,opacity 400ms linear;
	-webkit-transition: width 500ms ease-out,opacity 400ms linear;
	transition: width 500ms ease-out,opacity 400ms linear;
}


#uiProgress dd, #uiProgress dt {
	position: absolute;
	top: 0;
	height: 2px;
	-moz-box-shadow: #FF8C00 1px 0 6px 1px;
	-ms-box-shadow: #FF8C00 1px 0 6px 1px;
	-webkit-box-shadow: #0CC4400 1px 0 6px 1px;
	box-shadow: #FF8C00 1px 0 6px 1px;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}

#uiProgress dt {
	opacity: .6;
	width: 180px;
	right: -80px;
	clip: rect(-6px,90px,14px,-6px);
}

#uiProgress dd {
	opacity: .6;
	width: 20px;
	right: 0;
	clip: rect(-6px,22px,14px,10px);
}

.inputReadOnly {
	border: 1px solid;
	background: none repeat scroll 0 0 silver;
}


.ui-autocomplete {
		z-index: 99999 !important;
		max-height: 200px;
		overflow-y: auto;
		/* prevent horizontal scrollbar */
		overflow-x: hidden;
}
	
.circle {

      border-radius: 50%;

      display: inline-block;

}

.btnCommando
{
	height: 30px;
	width: 30px;
}

.btnCommando_grande
{
	height: 100px;
	width: 100px;
}

.btnHelp {
	background: url(../../images/help.png) no-repeat;
	width: 32px;
	height: 32px;
}

#uiATrocaSenha:hover{
	text-decoration: none;
	font-size: 12pt;
	font-weight: bold;
	color: gray;
	font-family: Arial,Tahoma,Verdana;
}

.grayscale {
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
	-ms-filter: grayscale(1);
}

.form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

.size-a4 { 
	    height: 842px;
        width: 760px;
        	margin-left: auto;
    margin-right: auto;
        /*width: 597.6px; height: 842.4px;*/ }
        
.size-a4-content {
	height: 95%;
    width: 100%;
	margin-left: auto;
    margin-right: auto;
}   

@media screen {
        	.size-a4 .footer {
	          display:none;
        	}
        }
        @media print {
        	.size-a4 .footer {
        		display:block;
	          position: absolute;
	          bottom: 30px;
	          left: 30px;
	          right: 30px;
	          border-top: 1px solid #888;
	          font-size: 10px;
	          /*text-align: center;
	         
	          color: #888;*/
        	}
        }

.size-a4-content table { float:left; margin: 0px !important;}     
        
.truncate {

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
  
    .relatorioBody {

        /* to centre page on screen*/
        margin-left: auto;
        margin-right: auto;
    }
	.tarea {
		-webkit-appearance: textarea;
		width:95%;
	    background-color: white;
	    
	    -webkit-rtl-ordering: logical;
	    -webkit-user-select: text;
	    flex-direction: column;
	    resize: auto;
	    cursor: auto;
	    white-space: pre-wrap;
	    word-wrap: break-word;
	    border-style:  none;
	    text-rendering: auto;
	    color: initial;
	    letter-spacing: normal;
	    word-spacing: normal;
	    text-transform: none;
	    text-indent: 0px;
	    text-shadow: none;
	    display: inline-block;
	    text-align: start;
	    margin: 0em 0em 0em 0em;
	    font: 13.3333px Arial;
	    -webkit-writing-mode: horizontal-tb;
	}

	.infoRelatorioTableHeader {
		width:100%; 
		/*border: 1px solid;*/
		border-spacing:0px;
	}
	.infoRelatorioTableHeader td {
		border: 1px solid;
	}        
	
	
  
  /*.ui-tabs-vertical {margin:5px; }*/
  
  .ui-tabs-vertical #tabNav .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
  .ui-tabs-vertical .ui-tabs-nav li a { display:block; }
  .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
  .ui-tabs-vertical .ui-tabs-panel {  }
  #tabsPrescricoesFinalizadas fieldset {border:none;}
  #tabsPrescricoesFinalizadas li a {width: 100%;}
  

  .embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;

  .embed-responsive-item,
  iframe,
  embed,
  object,
  video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
  }
}

// Modifier class for 16:9 aspect ratio
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

// Modifier class for 4:3 aspect ratio
.embed-responsive-4by3 {
  padding-bottom: 75%;
}
  
	
.form-control, .k-dropdown-wrap, .k-picker-wrap, .k-input, .k-autocomplete, .k-numeric-wrap {
    border-color: gray !important;
}

.form-control-label, .form-control {
    color: #212529 !important;
    
}

.form-control-label{
	font-size:1rem;
}


.form-control {
    color: #67757c;
    display: initial;
}

.form-control-sm {
    min-height: 20px;
}

.form-control-sm, .input-group-sm>.form-control, .input-group-sm>.input-group-append>.btn, .input-group-sm>.input-group-append>.input-group-text, .input-group-sm>.input-group-prepend>.btn, .input-group-sm>.input-group-prepend>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.btn:not(:disabled):not(.disabled){
	cursor: pointer;
}

.btn-success,
.btn-success.disabled {
  background: #06d79c;
  border: 1px solid #06d79c;
  -webkit-box-shadow: 0 2px 2px 0 rgba(40, 190, 189, 0.14), 0 3px 1px -2px rgba(40, 190, 189, 0.2), 0 1px 5px 0 rgba(40, 190, 189, 0.12);
  box-shadow: 0 2px 2px 0 rgba(40, 190, 189, 0.14), 0 3px 1px -2px rgba(40, 190, 189, 0.2), 0 1px 5px 0 rgba(40, 190, 189, 0.12);
  -webkit-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  transition: 0.2s ease-in; }
  .btn-success:hover,
  .btn-success.disabled:hover {
    background: #06d79c;
    -webkit-box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2);
    box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2);
    border: 1px solid #06d79c; }
  .btn-success.active, .btn-success:active, .btn-success:focus,
  .btn-success.disabled.active,
  .btn-success.disabled:active,
  .btn-success.disabled:focus {
    background: #04b381;
    -webkit-box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2);
    box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2);
    border-color: transparent; 
 }
 
 .btn-sm {
  padding: .25rem .5rem;
  font-size: 12px; }
  
 .container-fluid{
 	padding: 2px 15px 2px 15px !important;
    margin-right: auto;
    margin-left: auto;
    width:100%;
 }
 
 .w-100{
 	width:100%;
 } 
 
 .dataTables_wrapper table, th, td {
	border: 1px solid #87CEFA;
}
.btnSalvarAbaindividual{
    margin-left:10px;
}


.col-1 {
  flex: 0 0 auto;
  width: 8.33333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}


.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) / -2);
  margin-left: calc(var(--bs-gutter-x) / -2);
}



.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.badge {
       font-weight: 400;
       padding: 3px;
       border-radius: 25%;
}

.badge-danger {
    background-color: #ef5350;
    color: white;
}