/* Farmacias Deborah CSS  */

.form-group{
    margin: 0 15px 0 0!important;
}

h1,h2,h3,h4,h5,p, label, div{
    /* color: white; */
    color: black;
    font-weight: 200!important;
    letter-spacing: 1px; /* Increase letter spacing by 2 pixels */    
  }

  h1{
    font-size: 18px!important;
    /* color: white; */
    color: black;
    font-weight: 300!important;
}

h2{
  margin: 0!important;
  font-size: 23px!important;
}

h3{
  font-size: 20px!important;
  margin-top: 6px!important;
  margin-bottom: 0px!important;
}

h4{
  font-size: 16px!important;
  margin-top: 6px!important;
  margin-bottom: 0px!important;
}
  
  .form-control{
    width: 100px;
}

.bold{
    font-weight: bold;  
}

.divider{
    font-size: 1.7em!important;
}

.grayed{
    background-color: #b2b2b2!important;
}

.highlight{
    background-color: #00ffb3!important;
    color: black;
}

  h5{
      font-size: 14px!important;
  }
  
  .btn.btn-success{
      background-color: rgba(0, 165, 36, 0.438)!important;
  }
  
  .btn.btn-danger{
      background-color: rgba(165, 0, 0, 0.438)!important;
  }
  
  .btn.btn-super-danger{
      background-color: rgba(200, 0, 0, 1)!important;
  }
  
  .btn.btn-dark{
      background-color: rgba(0, 0, 0, 0.438)!important;
  }
  
  .higher{
      height: 2.4em!important;
      margin-top: 1px;
      border: 1px solid rgb(142, 142, 142)!important;
  }
  
  a{
      /* color: white!important; */
      color: black!important;
      text-decoration: none!important;
  }
  
  .rowlink{   
    cursor: pointer;
  }
  
  .rowlink:hover{
    background-color: rgba(0, 0, 0, 0.301);
  }
  
  .newsection{
    margin-top: 30px;
  }
  .newsection h2{
    margin-bottom: 20px;
  }
  
  .left-side {
      /*background: linear-gradient(45deg, rgb(0, 0, 68), rgb(107, 107, 231));*/
      /* background-color:  rgb(122, 127, 255); */
      background-color:  #e6fffe!important;
      box-shadow: 1px 0 10px 1px rgb(4, 0, 58);
      position: relative;
      z-index: 1;
      padding-left: 0!important;
      padding-right: 0!important;
      margin:0;
    }
  
    .right-side, .modal-content {
      /* background: linear-gradient(45deg, rgb(0, 0, 68), rgb(101, 101, 214)); */
      background-color: rgb(255, 255, 255);
      padding: 0!important;
      margin:0;
      overflow: scroll;
     
      
    }
  
    .right-side .container{
        padding: 25px 40px;
    }
  
    .powered{
      position: absolute;
      bottom: 20px; 
      font-size: 12px;
      color: rgb(0, 0, 0);
      padding: 15px;
    }
  
    .row{
        margin: 0!important;
        padding: 0!important;
    }
  
    .powered a{
      font-weight: bold;
      text-decoration: none;
    }
  
    .powered a:hover{
      font-weight: bold;
      text-decoration: none;
      /* color: gainsboro; */
      color: black;
    }
  
    a.menu-item{
      display: block;
      margin-left: 0!important;
      margin-right: 0!important;
      font-size: 16px;
      font-weight: 300;
      max-width: 100%!important;
      width: 100%;
      text-decoration: none;
      padding: 6px 10px;
      height: 100%;
      max-height: 40px;
      margin-bottom: 1px;
      background-color:  #02BEB9!important;
      color: white!important;
    }

    .subheader{
        background-color: #02BEB9;
        font-weight: bold;
        color: white!important;
        padding: 10px 20px;
        margin-bottom: 20px;
    }

    .clear{
        background-color: #ffffff!important;
        font-weight: bold;
        color: rgb(0, 0, 0)!important;
        padding: 10px 20px;
        margin-bottom: 20px;
    }

    .primary-bg{
        background-color: #02BEB9!important;
    }

    .primary-text{
        color: #02BEB9!important;
    }
  
    .content a{
      width: fit-content;
    }
  
    a.menu-item:hover{
      background-color: rgb(31, 31, 199);
      cursor: pointer;
    }
  
    .hidden{
        visibility: hidden!important;
    }
  
    .btn{
      background-color: #02BEB9!important;
      display: block;
      margin-left: 0!important;
      margin-right: 0!important;
      font-size: 18px;
      font-weight: 200;
      max-width: 100%!important;
      width: fit-content;
      text-decoration: none;
      padding: 5px 15px!important;
      height: 100%;
      max-height: 39px!important;
      margin-bottom: 1px;
      border: 1px solid #6E6DB0!important;
      color: white!important;
    }
    
  
    .btn:hover{
      background-color: rgb(31, 31, 199);
      cursor: pointer;
      border: 1px solid rgb(155, 155, 155)!important;
    }
  
    input, input[type=text],  input[type=email], .form-control,  input[type=number],input[type=password], input[type=date], input[type=time], input[type=tel], textarea, select, input{
      /* background-color: rgba(0, 0, 0, 0.301)!important; */
      /* color: white!important; */
      color: black!important;
      border: 1px solid #6E6DB0!important;
    }
  
    .table {
      background: none;
      padding: 0!important;
      margin:0;
      border: 1px solid #6E6DB0!important;
      /* color: white!important; */
      color: black!important;
    }
  
    .table th{
      background-color: rgba(0, 0, 0, 0.301)!important;
      padding: 4px!important;
      margin:2px;
    }
  
    .table tr td{
      padding: 4px!important;
      margin:2px;
    }
  
    hr{
        color: black;
    }
  

  
  
  
    .custInfo1{
      font-weight: bold;
  }
  
  .custInfo2{
      font-style: italic;
  }
  
  .fixedcontainer{
      position: relative!important;
  }
  
  .customerlist, .servicelist{
      overflow: scroll;
      max-height: 50vh!important;
      background-color: white;
      color: black;
      width: fit-content;
      border-radius: 5px!important;
      position: absolute!important;
      /* top: 30px;
      margin-top: 10px;    */
      
  }
  
  .servicelist{
      overflow: scroll;
      max-height: 40vh!important;
      background-color: white;
      color: black;
      width: fit-content;
      border-radius: 5px!important;
      position: relative;
      top:0;
      margin-top: 5px;
      
  }
  
  .customerlist div, .servicelist div{ 
      color: black;
      font-weight: 200;
      cursor: pointer;
      padding: 5px 20px;
      
  }
  
  .customerlist div:hover, .servicelist div:hover{
      background-color: rgb(188, 224, 255);
      
  }
  
  
  
  
  
  @media print{
      body, hr {-webkit-print-color-adjust: exact;}
  }