.chart-container {
    position: relative;
    width: inherit;
}
/*
canvas {
    height: 35%;
}
*/

.input-text-label-align {
    color: #00bcd4;
    text-transform: none;
    font-size: 2.1rem;
    float: left;
    text-align: left;
}


.nurse-text {
    font-size: 2.8rem;
    display: flex;
    align-items: center;
}

.nurse-text > span {
    margin-right: auto;
}

 td.nurse-text {
    font-size: 1.4em;
 } 
 
.answers {
  font-size: 1.4em;
  font-weight: 700;
}

.breadcrumb {
  padding: 10px 10px;
  margin: 10px;
  margin-bottom: 60px;
  padding-bottom: 10px;
  list-style: none;
  background-color: #eeeeee;
  border-radius: 2px;
  box-shadow: inset 0 1px 0 hsla(0,0%,100%,.5), 0 1px 0 hsla(0,0%,100%,.5);
  border: 1px solid rgba(14,41,57,.1);
}

.container {
  width: 95%;
  background-color: transparent;
}  

 
.shadow:hover {
    box-shadow: rgba(0, 0, 0, 0.25) 1px 4px 11px, rgba(0, 0, 0, 0.22) 0px 6px 11px;
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}

.shadow {
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}


#page-container {
    position: relative;
    max-height: 100vh;
    min-height: 100vh;
    height: 100vh;
    bottom: 0;
}

.content-wrap {
    /* padding-bottom: 70px;  /* Footer height */ 
    height: 100%
}


#footer {
    position: absolute;    
    width: 100%;
    height: 70px;           /* Footer height */
}

.navbar a {
    color: #ffffff !important;
    float: none!important;
    display: block!important;
    font-size: 2.1rem;
  }


.nav>li>a:hover, .nav>li>a:focus {
    background-color: #f3fbff !important;
    color: black !important;
    cursor: pointer;
    border-radius: 20px;
}

.dropdown-menu>li>a:focus {
    background-color: #ccc;
}


.dropdown-menu>li>a{
    background-color:#ffffff;
    color: #333333 !important;
    float: none;
    display: block;
}  

.dropdown-menu {
    background-color:#ffffff;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    color: #000000 !important;
    background-color: #ffffff !important;
    cursor: pointer;
    border-radius: 20px;
}

.nav>li.active a {
    background-color: #70d6f0 !important;
    /* border: #dfeaec; */
    color: black !important;
    cursor: pointer;
    border-radius: 20px;
}

.dropdown-menu>li>a:hover {
    background-color:#aaa !important;
    background-image: #ffffff !important;
}

.navbar {
    height: 70px !important;
}


.panel .dataviz-container {
    height: auto;
    overflow: auto;
}

.rdw-editor-main {
    /* height: 80% !important;* */
    min-height: auto;
    overflow-Y: scroll;
    box-sizing: border-box;
}

.wrapperClassName {
    padding: 5 5 5 5;
}

/*Galaxy S7 and S8 */
@media only screen and (min-device-width : 1px) and (max-device-width : 720px)
{

    .greetings {
        display: none;
    }

    #dataviz {
        display: none;
    }

    #refresh-nurse { 
        float: 'none';
    }

    #footer {
        display: none;
    }

    .container {
        width: 100% !important;
        margin-right: 10px;
        padding-right: 10px;
        padding-left: 10px;
    }

    .my-title {
        padding-right: 16px;
        line-height: 56px;
        font-size: 14px;
        font-family: Roboto, sans-serif;
        position: relative;
        text-align: center;
        white-space: normal;
        color: rgba(0, 0, 0, 0.4);
    }
   
    
    .breadcrumb {
        display: flow-root;
        flex-direction: row;
        place-content: center space-between;
        align-items: center;
    } 

    .nurse-text {
        font-size: 1.5em;
    }  
    
    .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .input-text-label-align {
        color: #00bcd4;
        text-transform: none;
        font-size: 1.5em;
        float: left;
        text-align: left;
    }
    
        
    .nurse-text {
        font-size: 1.5em;
     }
    
     td.nurse-text {
        font-size: 1.5m;
     } 
     
    .answers {
      font-size: 1.5em;
      font-weight: 700;
    }    

}


.rbc-toolbar  {
    
    font-size:15px;
   
  }

.rbc-toolbar  {
    padding:2px 4px;
    font-size:100%;
    line-height: 1;
    border-radius:3px;
  }

  
@media (max-width: 768px) {
  .rbc-toolbar  {
    padding:2px 4px;
    font-size:80%;
    line-height: 1;
    border-radius:3px;
  }
}

@media (min-width: 769px) and (max-width: 992px) {
  .rbc-toolbar  {
    padding:4px 9px;
    font-size:90%;
    line-height: 1.2;
  }
}

.row {
    margin: auto;
    padding: inherit;
    /* padding-top: 1%; */
}

@page{
    width: 99.9% !important;
    height: 99.9% !important;
    size: A4;
  }
    
@media print {
    .page {
        margin: 0;
        border: initial;
        border-radius: initial;
        width: initial;
        min-height: initial;
        box-shadow: initial;
        background: initial;
        page-break-before: always!important;
        display: block;
    }
}
  
.drag-drop-item
{
  touch-action: none;
}

.highlighted {
    position:relative;/* bring on top;*/
    box-shadow:0 0 0 1600px rgba(0,0,0,0.65);/* dark around it */
  }


  button,input,select,textarea {
    font-family:    inherit;
    font-size:      24px;
    line-height:    inherit
}