/* Alterações */

.agenda_cell_top {
	    position: fixed;
	    width: 102%;
    	background-color: #ffffff;
   	 	/* border: 1px solid; */
    	margin-right: 0px;

}


body.Form2 {
	overflow: auto;
}

.agenda_cell_content {
	padding-bottom: 35px !important;
    padding-top: 55px !important;
}

.agenda_cell_bottom {
	width: 102%;
    background-color: #ffffff;
}

.x-tree-node div[class*="nodisplay"] {
	display: none;
}


/* Scroll na treeview das agendas */
#LISTAAGENDAS .gx_usercontrol {
	height: 100%;
	overflow: auto !important;
}


div[id*="TREEVIEW"] div[class*="x-panel-body"] {
	
}


.vertical-track {
    width: 10px;            /* How wide is the scrollbar going to be? */
    background-color: #f6f6f6; /* What color should the vertical track be? */
}
.vertical-handle {
    width: 10px;            /* How wide is the scrollbar handle? */
    background-color: #B8D7DA; /* What color should the handle be? */
}


/* Botoes Abaixo Agenda */
#Tabela_ferramentas {
	background-color: #376a8d;
	width: 102%;
	margin-bottom: -20px;
	position: fixed;
	bottom: 24px;
}

#Tabela_ferramentas tbody tr td {
	padding-left: 15px;
}

#Tabela_ferramentas tbody tr td input {
	margin: 0px;
	border: 0px solid !important;
	border-radius: 0px !important;
	color: #fbfbfb;
	background: #376a8d !important;
	box-shadow: none !important;
	text-shadow: none !important;
	margin-left: 8px;
	font-family: Arial;
}

/* Calendario */
.datePicker {
	width: 215px !important;
}

.datePicker .footer {
	display: none;
}

.datePicker td .topLabel {
	color: #ffffff !important;	
}

.datePicker .header {
	background: #3796E0 !important;

}

/* TreeView Consultorio e Exames*/
.x-tree-root-node li div  {
	background-color: #3796e0;
	border-top: 1px solid #c6d1d8;
	border-bottom: 1px solid #c6d1d8;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right: 5px;

}

.x-tree-root-node li div:hover {
	background-color: #3796e0;
}

.x-tree-root-node li div[class*="x-tree-selected"] {
	background-color: #3796e0;
}


.x-tree-root-node li div a span {
	color: #ffffff;
	font-size:10pt;

}

.x-tree-node-collapsed .x-tree-node-icon {
	display: none;
}

.x-tree-node-expanded .x-tree-node-icon {
	display: none;
}

.x-tree-lines .x-tree-elbow-minus, .x-tree-lines .x-tree-elbow-end-minus {
	background-image: url("/sillus/static/Resources/menos_circulo.png") !important;
}

.x-tree-lines .x-tree-elbow-plus, .x-tree-lines .x-tree-elbow-end-plus {
	background-image: url("/sillus/static/Resources/mais_circulo.png") !important;
}

.x-tree-root-node li ul li .x-tree-node-leaf {
	background-color: #fbfbfb !important; 
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right: 5px;
}

.x-tree-root-node li ul li .x-tree-node-leaf img {
	display: none;
}

.x-tree-root-node li ul li .x-tree-node-leaf a span {
	color:#9f9f9f;
	font-size:10pt;
	padding-left: 12px
}
/* FIM DO TREEVIEW */



/* TAB PANEL   -  #TABELABORDA tbody tr td div[id*='TABPANEL']  {  */
div[id*='TABPANEL']  {
	height:98%;
}

.x-tab-panel-header {
	border: 0px solid !important;
    padding-bottom: 0px !important;
	background: transparent !important;
	border: 0px solid !important;	
}

ul.x-tab-strip-top {
	padding-top: 0px !important;
	background: transparent !important;
	border-bottom: 0px !important;
}

.x-tab-strip-top .x-tab-right {
	background: transparent !important;	
}

.x-tab-strip-top .x-tab-left {
	background: transparent !important;
}

.x-tab-strip-top .x-tab-strip-inner {
	background: transparent !important;
}

.x-tab-panel-body {
	border: 0px solid !important;
}


.x-panel-body, .x-panel-body-noheader, .x-panel-body-noborder {
	height: 100% !important;
}

.x-tab-strip-top li {
	border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0px solid transparent !important;
	background-color: #A9A9A9;
    border-color: #8C8C8C;
	color: #fff;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 0 !important;
 
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
	padding-bottom: 5px;
	padding-top: 5px;
	height: 34px;
	
}

.x-tab-strip-active span.x-tab-strip-text {
	color: #ffffff !important;
	/*font-weight: bold;*/
	font-weight: 0 !important;
}

.x-tab-strip span.x-tab-strip-text {
	color: #ffffff !important;
	*/font-weight: bold;*/
	font-weight: 0 !important;
}

.x-tab-strip-active {
	background-color: #3c8dbc !important;
	
	
}

/* hide the horizontal scrollbar */
html {
  overflow-x: hidden;
}

/* make all parent containers 100% height */
html, body, .wrapper {
  height: 98%;
}

/* move the toggle button to the left and give it
   some breathing room */
.navbar-toggle {
  float: left;
  margin-left: 10px;
}



  /* outer div */
  .row-offcanvas {
    position: relative;
    left: 0;
    -webkit-transition: left .3s ease-in;
    -most-transition: left .3s ease-in;
    transition: left .3s ease-in;
  }
  
  /* sidebar */
  .sidebar-offcanvas {
    left: -80%;
    width: 80%;
    position: absolute;
    top: 0;
    height: 100%;
    background-color: #F7F7F7;
    padding: 0px;
  }
  
  /* content */
  .row-offcanvas.active {
    left: 80%;
  }
  
  /* Make the menu headers the same size as the
     bootstrap navbar */
  [data-role='panelbar'] .k-header {
    min-height: 50px;
  }
	
	.navbar-toggle {
	display: inline !important;
	}

	.menuu {
		width: 100%;
		background-color:#515252;
		padding:10px;
		text-align:center;
		margin-right:10px;
		margin-top:10px;
		padding-top:15px;
		padding-bottom:15px;
		font-family: Lato;
		font-weight: bold;
		color:#EBF2F3;
		transition: background-color 0.5s linear 0.1s, color 0.3s linear 0.1s, border-radius 0.3s linear 0.1s;
	}
	
	.menuu:hover {
		background-color:#29B6C2;
		color:#f0f0f0;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		transition: background-color 0.5s linear 0.1s, color 0.3s linear 0.1s, border-radius 0.3s linear 0.1s;
	}
	
	.menu-container {
		padding-top:10px;
		width: calc( 100% - 40px );
		cursor: pointer;
	}
	
	.menu-select {
		margin-top:10px;
		margin-left:15px;
		font-weight: bold;
		font-family: Lato;
		color: #646464;
	}
	
	.btn-lg {
	width: 100%;
	}
	
	.menu-sec {
		width: calc( 100% - 40px );
	}
	
	.btn-group {
		margin-bottom: 10px;
	}
	
	.dropdown-menu {
	margin-left: 15px;
	width: 95%;
	margin-bottom: 30px;
	}
	
	.sub-active {
		display: inline;
		opacity: 1;
		   transition: opacity .25s ease-in-out;
		   -moz-transition: opacity .25s ease-in-out;
		   -webkit-transition: opacity .25s ease-in-out;
	}
	
	.sub-inactive {
		display: none;
		opacity: 0;
		transition: opacity .25s ease-in-out;
		-moz-transition: opacity .25s ease-in-out;
		-webkit-transition: opacity .25s ease-in-out;
	}