@media only screen and (max-width:760px){
  .tc-large-screen-only{
    display:none;
  }
  .tc-small-screen-only{
    display:inline-block;
  }
  .material-border{
    border:1px solid rgba(0,0,0,.12);
    border-radius: 2px;
    padding: 9px 3px 3px;
    margin:4px;
  }
  .tc-apps-menu-container{
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    z-index:999;
  }
  .field-container{
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 2px;
    padding:.75em;
  }
  .tc-client-insurance-subhead{
    margin-left:1em;
  }
  .mdl-checkbox{
    height: 100% !important;
  }
  .is-viewable{
    display:block;
  }
  .client-mobile-datapanel{
    padding:.5em;
  }
}
.validation-error{
  color: #fb8c00;
  display:none;
}
.action-container{
    padding:1em;
}
.quote-container{
    padding:1em;
  }
.text-error-color{
  color:#fb8c00;
}
.textfield-error{
    color:#fb8c00;
    display:none;
    position:relative;
    top:-12px;
}
.textfield-invalid{
    border-bottom:1px solid #fb8c00;
}
.tc-actionbutton-container{
    position:absolute;
    right:7%;
    bottom:2em;
}
.tc-client-textsignature{
    width:20em !important;
}

.tc-client-textinitial{
    width:10em !important;
}

.tc-forms-primarycontainer{
    padding:6em 5%;
    position:relative;
}

.overlay{
    position:fixed;
    display:none;
    width:100%;
    height:100%;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color: rgba(0,0,0,0.5);
    z-index:10;
}

.tcClient-downloadable{
    cursor: pointer;
    color: #303f9f;
}

.telehealth-list-item{
    margin-bottom:10px;
}
.telehealth-list-primary{
    font-size:16px;
    display:block;
    font-weight: 500;
    margin-bottom:-4px;
}
.telehealth-list-secondary{
    font-size:15px;
    font-weight:300;
    display:block;
}

/*                  Assessment  */
.tc-assessment-instructions{
    font-size:16px;
}
.tc-assessment-error{
    color: #ef5350;
}
.tc-assessment-textfied-error{
    border-bottom: 1px solid #ef5350;
}
.tc-assessment-text-error{
    color:#ef5350;
}
.tc-assessment-table{
    border:none;
    border-collapse: collapse;
}
.tc-assessment-table tr:nth-child(even){
    background-color:#efefef;
}
.tc-assessment-table tr:hover{
    background-color:#bdbdbd;
}
.tc-assessment-table th{
    font-size:16px;
    padding:0 18px 12px 18px;
    font-weight:700;
    vertical-align:bottom;
    line-height:24px;
    color:rgba(0,0,0,.54);
    border-bottom:1px solid rgba(0,0,0,.54);
}
.tc-assessment-table-2col .tc-assessment-itemstem{
  width:40%;
  border-bottom:1px solid rgba(0,0,0,.54);
}
.tc-assessment-table-2col .tc-assessment-option{
  width:60%;
  text-align:center;
  border-bottom:1px solid rgba(0,0,0,.54);
}
.tc-assessment-table-3col .tc-assessment-itemstem{
    width:50%;
    border-bottom:1px solid rgba(0,0,0,.54);
}
.tc-assessment-table-3col .tc-assessment-option{
    width:25%;
    text-align:center;
    border-bottom:1px solid rgba(0,0,0,.54);
}
.tc-assessment-table-4col .tc-assessment-itemstem{
    width:49%;
    border-bottom:1px solid rgba(0,0,0,.54);
}
.tc-assessment-table-4col .tc-assessment-option{
    width:17%;
    text-align:center;
    border-bottom:1px solid rgba(0,0,0,.54);
}
.tc-assessment-table-5col .tc-assessment-itemstem{
    width:50%;
    border-bottom:1px solid rgba(0,0,0,.54);
}
.tc-assessment-table-5col .tc-assessment-option{
    width:12.5%;
    text-align:center;
    border-bottom:1px solid rgba(0,0,0,.54);
}
.tcNotesForms-delete-dynamic-row{
    cursor:pointer;
    color:#303f9f;
  }
  .tcNoteForm-checkbox-container, .tcNoteForm-initials-container, .tcNoteForm-signature-container, .tcNoteForm-radiobutton-container, .tcNoteForm-textarea-container, .tcNoteForm-textfield-container{
    margin-right:1em;
    cursor:pointer;
  }
  .tcNoteForm-checkbox-container-live, .tcNoteForm-initials-container-live, .tcNoteForm-signature-container-live, .tcNoteForm-radiobutton-container-live, .tcNoteForm-textarea-container-live, .tcNoteForm-textfield-container-live{
    margin-right:1em;
  }
  .tcNoteForm-text-container{
    margin-right:1em;
    cursor:pointer;
  }
  .tcNoteForm-isnormaltext{
    font-size: 16px;
  }
  .tcNoteForm-issubheading{
    color: #5c6bc0;
  }
  .tcNoteForm-isbold{
    font-weight: bold;
  }
  .tcNoteForm-isunderline{
    text-decoration: underline;
  }
  .tcNoteForm-isitalic{
    font-style: italic;
  }
  .tcNoteForm-advanced-line-item-container-live{
    display:flex;
    flex-direction:row;
    align-items:center;
    min-height:1.5em;
    margin-bottom:1em;
  }
  .tcNoteForm-dynamic-droppable-live{
    min-height: 1.5em;
    width:95%;
    display:inline-block;
    display:flex;
    flex-direction:row;
    align-items: center;
    /*justify-content: space-between;*/
  }
  .insurance-card-window{
    border:1px solid #303f9f;
    border-radius:4px;
    width:320px;
    height:201.6px;
    display:inline-block;
    margin-left:14px;
    position:relative;
  }
  .insurance-card-attach-icon{
    position:absolute;
    left:45%;
    top:42%;
    cursor:pointer;
    font-size:36px;
    color:rgba(0,0,0,.33);
  }
  .insurance-card-label{
    position:absolute;
    top: -24px;
    text-align:center;
    width:100%;
  }
  .insurance-card-hidden{
    display:none;
  }
  .insurance-card{
    display:block;
    width:320px;/*315px;*/
    height:201.6px;/*198.5px;*/
  }
  .insurance-card-instructions{
    display:none;
    position:absolute;
    top: -24px;
  }
  .insurance-card-edit-container{
    display:none;
    width:100%;
    position: absolute;
    bottom:-34px;
    z-index:999;
    text-align:left;
  }
  .insurance-card-rotate{
    cursor:pointer;
  }
  .insurance-card-cancelcrop{
    cursor:pointer;
    float:right;
    color: #303f9f;
  }
  .insurance-card-savecrop{
    cursor:pointer;
    color:#fb8c00;
    float:right;
  }
  .insurance-card-action-container{
    position:absolute;
    padding: 0 4px;
    bottom:-24px;
    right:4px;
    display:none;
    z-index:999;
    background-color:#9e9e9e;
  }
  .insurance-card-download{
    cursor:pointer;
    color: #303f9f;
    position:relative;
    top:2px;
    border-right:1px solid white;
  }
  .insurance-card-delete{
    cursor:pointer;
    color: #303f9f;
    margin-left:.1em;
    position:relative;
    top:2px;
  }
  .tc-client-insurance-subhead{
    margin-left:-1em;
  }
  .tcNoteForm-text-container-live{
    margin-right:1em;
  }
  video {
    width: 100%;
  }
  
  .connection-control-panel{
    position:fixed;
    bottom:-80px;
    width:100%;
    height:80px;
    background-color:#e0e0e0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
  
  .connection-slide-up{
    bottom:0px !important;
  }
  .connection-slide-down{
    bottom:-80px !important;
  }