/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
	color:#4f8e3a!important;
	font-family: Calibri, Arial,sans-serif !important;
}



/*
 * Global add-ons
 */

.sub-header {
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
  border: 0;
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
  display: none;
}
@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 51px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
  }
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #fff;
  background-color: #428bca;
}


/*
 * Main content
 */

.main {
 /* padding: 20px;*/
}
@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.main .page-header {
  margin-top: 0;
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  display: inline-block;
  border-radius: 50%;
}


.cap-label 
{
    font-size: 0.9em;
	 color: #999;
}

.cap-panel
{
}

#navbar
{
	font-size:0.8em;
	background:#4f8e3a;
}

.navbar-inverse .navbar-nav>li>a
{
	color:#fff;
	max-width:150px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
    font-size: 14px !important;
}

.navbar-inverse .navbar-nav>li>a:hover
{
	background:#ccc;
	color:rgb(53,176,204) !important;
}

.navbar-inverse .navbar-brand , .navbar-inverse .navbar-brand a:hover
{
	color:#fff;
	font-weight:bold;
}

body.debug
{
    background:lightcoral!important;
}

.pat, .med, .recet, .colab, .adm
{
/*    float: left !important;*/
    display: inline-block;
    height:140px;
/*    width:23%;*/
    width:18%;
    color:#fff;
    text-align: left;
    padding:0px;
    border-radius: 5px;
    margin-left:0.5%;
    margin-right:0.5%;
    margin-top:1%;
    line-height:28px;
    font-weight:600;
    transform-style: preserve-3d;
}

.pat a, .med a, .recet a, .colab a, .adm a
{
    text-decoration: none !important;
}
.pat-text, .med-text, .recet-text, .colab-text, .adm-text
{
    height:110px;
    background-repeat:no-repeat;
    background-position: center;
}
.pat
{
    background: #3176b1;
    border:1px solid #3176b1;
    margin-left: 2.5%;
    background-image: url(/pharma/assets/arrow1.png) right;
}
.pat-text
{
    border:1px solid #3176b1;
    background-image: url(/pharma/assets/ico-pacientes.png);
}
.med
{
    background: #5cb85c;
    border:1px solid #5cb85c;
}
.med-text
{
    background-image: url(/pharma/assets/ico-medicamentos.png);
}
.recet
{
    background: #329999;
    border:1px solid #329999;
    vertical-align:top;
}
.recet-text
{
    background-image: url(/pharma/assets/prescription.png);
}

.colab
{
    background: #f0ad4e;
    border:1px solid #f0ad4e;
}
.colab-text
{
    background-image: url(/pharma/assets/ico-colaborativo.png);
}
.adm
{
    background: #d9534f;
    border:1px solid #d9534f;
}
.adm-text
{
    background-image: url(/pharma/assets/ico-admin.png);
}

/*
.rec-text
{
    background-image: url(/pharma/assets/recipe.png);
}
*/

.title-box-1, .title-box-2, .title-box-3, .title-box-4, .title-box-5
{
    background:white;
    height:28px;
    border-radius: 0px 0px 5px 5px;
}
.title-box-1
{
    color:#3176b1;
}
.title-box-2
{
    color:#5cb85c;
}
.title-box-3
{
    color:#f0ad4e;
}
.title-box-4
{    color:#d9534f;
}
.title-box-5
{    color:#329999;
}
.title-box-1 img, .title-box-2 img, .title-box-3 img, .title-box-4 img, .title-box-5 img
{
    float:right;
    margin-top:8px;
   margin-right: 15px;
}

.panel-primary
{
    border:1px solid #cccccc !important;
}

.panel-primary table a.green
{
    color: #4f8e3a;
}
.panel-primary table tr.small
{
    color: #333;
    font-size: 1em;
}
.panel-primary table tr.small .date
{
    color: #666;
    text-align: left;
    padding-left: 2.3em;
}

.panel-primary table tr.small .note
{
    color: #666;
}

.panel-heading-avisos
{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    height: 50px;
    line-height: 50px;
    border-radius: 5px 5px 0px 0px;
    border-bottom:1px solid #ccc;
    color: #333;
    padding-left: 3%;
    font-size: 1.6em;
}

.welcome-div
{
    line-height:50px;text-align:right;float:left;width:11%;color:#333;
}

.project-div
{
    padding-left:0px !important;height:50px;
}

/*----------------------------------------------
MATERIAL BUTTONS 
----------------------------------------------------*/

.mat-btn {
	color: white;
	overflow-wrap: break-word;
 	word-wrap: break-word;

}

.btn p{
	overflow-wrap : break-word;
	word-wrap: break-word;
	overflow:hidden;
	font-weight: 400;
	white-space: normal;      /* CSS3 */   
	white-space: -moz-normal; /* Firefox */    
	white-space: -pre-normal;     /* Opera <7 */   
	white-space: -o-normal;   /* Opera 7 */    
	word-wrap: break-word;      /* IE */
}

/*Primary*/
.mat-btn-primary {
	  background: #4285F4;
}

.mat-btn-primary:hover, .mat-btn-primary:focus {
	  background-color: #5a95f5 !important;
}

.mat-btn-primary.active {
	  background-color: #0b51c5 !important;
}
/*Secondary*/
.mat-btn-secondary {
	  background-color: #aa66cc;
}
.mat-btn-secondary:hover, .mat-btn-secondary:focus {
	  background-color: #b579d2 !important;
	    color: #fff;
}
.mat-btn-secondary.active {
	  background-color: #773399 !important;
}
.mat-btn-secondary.active:hover {
	  color: #fff;
}
.mat-btn-secondary.active:focus {
	  color: #fff;
}

/*Default*/
.mat-btn-default {
	  background: #2BBBAD;
	  color: white;
}
.mat-btn-default:hover, .mat-btn-default:focus {
	  background-color: #30cfc0 !important;
}
.mat-btn-default.active {
	  background-color: #186860 !important;
}

/*Success*/
.mat-btn-success {
	  background: #00C851;
}
.mat-btn-success:hover, .mat-btn-success:focus {
	  background-color: #00d255 !important;
}
.mat-btn-success.active {
	  background-color: #006228 !important;
}

/*Info*/
.mat-btn-info {
	  background: #33b5e5;
}
.mat-btn-info:hover, .mat-btn-info:focus {
	  background-color: #4abde8 !important;
}
.mat-btn-info.active {
	  background-color: #14799e !important;
}

/*Warning*/
.mat-btn-warning {
	  background: #FF8800;
}
.mat-btn-warning:hover, .mat-btn-warning:focus {
	  background-color: #ff961f !important;
}
.mat-btn-warning.active {
	  background-color: #cc8800 !important;
}

/*Danger*/
.mat-btn-danger {
	  background: #CC0000;
}
.mat-btn-danger:hover, .mat-btn-danger:focus {
	  background-color: #db0000 !important;
}
.mat-btn-danger.active {
	  background-color: maroon !important;
}

/*Link*/
.mat-btn-link {
	  background-color: transparent;
	    color: #000;
}
.mat-btn-link:hover, .mat-btn-link:focus {
	  background-color: transparent;
	    color: #000;
}


/**----------------------------------------*/
/* RESPONSIVE */
/*-----------------------------------------*/

@media screen and (max-width: 600px)
{
    .pat, .med, .recet, .colab, .adm
    {
    /*    float: left !important;*/
        display: inline-block;
        height:140px;
        width:45%;
        margin-left: 3%;
    }


    .panel-heading
    {
        padding: 10px; 0;
    }
}


.button-mobile
{
    border: 1px solid lightgray;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.active .button-mobile 
{
    border:none;
}

.bordered-box{
    background-color:white;
    border-radius: 5px;
    padding:10px;
    border: 1px solid silver;
}