/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

html {
    font-family: 'Roboto', sans-serif;
    background-color: ghostwhite;
    height: 100%;

}

body {
    height: 100%;

}

.mdl-layout__content {
 overflow: inherit;
}

.mdl-layout__header {
  background-color: #4f0000 !important;
  color: ghostwhite !important;
}


.mdl-button--primary.mdl-button--primary.mdl-button--raised, .mdl-button--primary.mdl-button--primary.mdl-button--fab {
  color: rgb(255,255,255);
  background-color: #4f0000;
}

.mdl-button--raised.mdl-button--colored:active {
  background-color: #4f0000;
}

.mdl-button--raised.mdl-button--colored:hover {
    background-color: #4f0000 !important;
}

.mdl-button--raised.mdl-button--colored {
  background: rgb(79,0,0);
  color: rgb(255,255,255);
}



/**
.mdl-navigation .mdl-navigation__link {

  color: #4f0000 !important;
}

**/
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {

  color: #4f0000 !important;
}


.mdl-card__title-main-page {
  width: 100%;
  padding: 0 !important;
}


.card-title-background {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  padding: 15px !important;
}

.services-section {
  background-color: whitesmoke;

}






.material-icons {
  color: ghostwhite !important;
}
.mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab {
  background-color: #922B21 !important;
  color: ghostwhite !important;
}

.mdl-layout__drawer{
  background-color: #4f0000 !important;
  color: ghostwhite !important;
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link{
  color: ghostwhite !important;
}

.mdl-button--raised.mdl-button--colored{
  background-color: #4f0000;
  color: ghostwhite !important;
}

.focusColor {
  background-color: #4f0000 !important;
}
.mdl-textfield--floating-label.is-focused .mdl-textfield__label {
  color:#4f0000 !important;
}

.mdl-textfield__label:after{
  background: #4f0000 !important;
}

.center-text a{
  color:#4f0000 !important;
}

/** Sign in Card **/

.center-text {
  text-align: center;
}

.center-input {
  display: block;
  margin: 0 auto;
}

.sign-in-btn {
  width: 10em;
}

.sign-in-card{

  display: block;
  margin: 0 auto;
  background-color: #ffffff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);

}

.sign-form{
  padding: 1.2em;
}





.hero  {
  background-image: url("img/hero.jpg");
  background-position: center;
  background-size: cover;
  height: 30em;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.5);



}

.btn-hero {
  margin-top: 5px !important;
  margin-right: 5px !important;
}

.hero-container {
  position: relative;
}

.hero-content {
  position: absolute;
  bottom: 2.5em;
}

.btn-opacity {
  opacity: 1.0 !important;
}

.demo-card-wide {
  width: 100%;
}



#depo-card {

  color: #fff;
  height: 275px;
 background: url('img/depo_plain.jpg') center / cover;

}

#repo-card {

  color: #fff;
  height: 275px;
  background: url('img/repo.jpg') center / cover;

}

.dash-card-margin {
  margin: 10px;
}
/**
.mdl-card__title-text {

  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  padding: 15px !important;

}

.mdl-card__title{
 padding: 0 !important;
  width: 100%;

}


**/

.about {
  background-image: url('img/about-bkg.png');
  background-position: center;
  background-size: cover;
  height: auto;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.5);
}


#contact {
  text-align: center;
}



.input-wide {
  width: 100%;
}

.contact-card {
  padding: 2em;
  transition: box-shadow 1s;
}

.contact-card:hover {
  box-shadow:  0px 0px 25px #888888;
}

.footer-slogan {
  background-color: #912c22;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.5);
}

footer {
  background-color: #4f0000 !important;
    color: white;

}

.vr-card--clients {

  width: 100%;


  min-height: 200px;


}


/** Client Table **/

.mdl-data-table {

  width:100%;
}

#vr-table td, th {

  /**width: 100%;**/
  white-space: normal;
  overflow: hidden;
  /**
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  **/
  /** max-width: 50px; **/




}

#vr-ooo-table td, th {

  /**width: 100%;**/
  white-space: normal;
  /** overflow: hidden; **/
  /**
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  **/
  /**max-width: 50px;**/




}



@media only screen and (max-width: 479px) {
  #vr-table td:nth-child(3), th:nth-child(3) {
    display: none;

  }

}





.table-scroll{
  max-height: 500px;
  overflow: auto;
}




/** TABLE END **/

.add-client {
  margin: 20px;
  overflow: visible;
  display: none;
}

.add-appointment {
  margin: 20px;
  overflow: visible;
  display: none;
}

.add-client-action-btn {
  float: right;
}

#add-client-main-btn {
  float: right;
  margin: 20px;
}


#add-ooo-main-btn {
  float: right;
  margin: 20px;
}

.table-data-hide {
  display: none;
}

@media only screen and (max-width: 712px) {
  .table-data-hide {
    display: none;
  }

}



/** Client Repo **/

.add-document {
  margin: 20px;
  overflow: visible;
  display: none;
}

.add-client-action-btn {
  float: right;
}

#add-document-main-btn {
  float: right;
  margin: 20px;
}





/** END **/

/**
DIALOG
**/

.mdl-dialog {
  border: none;
  box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
  width: 280px; }
.mdl-dialog__title {
  padding: 24px 24px 0;
  margin: 0;
  font-size: 2.5rem; }
.mdl-dialog__actions {
  padding: 8px 8px 8px 24px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
.mdl-dialog__actions > * {
  margin-right: 8px;
  height: 36px; }
.mdl-dialog__actions > *:first-child {
  margin-right: 0; }
.mdl-dialog__actions--full-width {
  padding: 0 0 8px 0; }
.mdl-dialog__actions--full-width > * {
  height: 48px;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  padding-right: 16px;
  margin-right: 0;
  text-align: right; }
.mdl-dialog__content {
  padding: 20px 24px 24px 24px;
  color: rgba(0,0,0, 0.54); }

/**
DIALOG END
**/

/** Tabs **/





.mdl-layout__tab-bar{
   background-color: #4f0000;


}

.mdl-layout__tab {
  color: gray;
}

.mdl-layout.is-upgraded .mdl-layout__tab.is-active{
  color: white;
}

.mdl-layout__tab-bar-button {
  background-color: #4f0000;
  display: none;

}

@media only screen and (max-width: 475px) {
  .mdl-layout__tab-bar-button {
    background-color: #4f0000;
    display: block;
  }
}


/** Tabs END **/

/** Repo File input **/

.mdl-button--file input {
  cursor: pointer;
  height: 100%;
  right: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 300px;
  z-index: 4;
}

.mdl-textfield--file .mdl-textfield__input {
  box-sizing: border-box;
  width: calc(100% - 32px);
}
.mdl-textfield--file .mdl-button--file {
  right: 0;
}

.mdl-button--primary.mdl-button--primary.mdl-button--fab {
  background-color: #4f0000;
}



/** END **/

/** Client Access Name Search **/

.names-hide {
  display: none;
}

/** Transcript table buttons **/


.trans-br {
  display: none;

}

@media only screen and (max-width: 900px) {
  .trans-br {
    display: block;

  }

}

.view-trans-btn {
  padding: 0;
}


/** Filter Table Search **/
.filter-div {
  margin-left: 20px;
  margin-right: 20px;
}

@media only screen and (max-width: 479px) {
  .column-services {
    display: none;

  }

}

.blurp-card {
  height: 100px;
  width: 400px;
  background-color: white;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.5);
}


.add-access {
  margin-right: 5px;
}

.mdl-card__supporting-text table {
  font-size: 16px;
  color: #696969;
}

/** Image cards **/

.demo-card-image.mdl-card {
  width: 256px;
  height: 256px;

}

.marsha-card {
    background: url('img/marsha1.jpg') center top no-repeat;
    height: 256px !important;

}

.sara-card {
  background: url('img/sara1.jpg') center top no-repeat;
    height: 256px;

}



.demo-card-square.mdl-card {
  width: 375px;
  height: 610px;
}
.demo-card-square > .mdl-card__title {
    color: #696969;
    height: 256px;

}


.profile-text-color {
color: #333333 !important;
}

.profile-content {
    justify-content: center !important;
}

.profile-card {
    margin: 20px;
}
#forgotPassword:visited{
   color:red !important;

 }
#forgotPassword:hover{
  color:red !important;
  cursor: pointer;
}
.change-password{
  margin-left: 5px;
}

#companySignin:hover{
  color:red !important;

}

#resetPassword:hover{
  color:red !important;

}
/**
.demo-card-image > .mdl-card__actions {
  height: 52px;
  padding: 16px;
  background: rgba(0, 0, 0, 0.2);
}
.demo-card-image__filename {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

*/

/** Depostion Date Picker **/

#depositionDate-div {

}

/** Fixing the Table view **/

.view-trans-btn {
  margin: 5px;

}

.add-access {
  margin: 5px;
}

.dropdown {
  background: url(img/arrow.png) no-repeat 100% 0 !important;
  height: 24px !important;
    border-radius: 0px !important;
  overflow: hidden !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  padding-left: 10px !important;
    width: 240px;
    font-size: 16px;
    border-left: none;
    border-top: none ;


}

.dropdown:focus {
    outline: none !important;
}

.schedule-table td{
  text-align: left !important;
}

/** Deposition Date Admin
 */
#depositionDate:hover{
  border-style: solid;
  border-bottom-color: #4f0000;
  border-width: thin;
}