/*================================================================================
	Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

/*****************************************
  New design
******************************************/
.row-box{
    padding: 0px 0px 0px 15px;
    width: 100%;
}

.TRANSACTION-BTN{
    float: right;.Create-Patients
    margin-top: 8px;
    height: 70%;
}

.COMMISON-BTN{
    float: right;
    margin-top: 8px;
    height: 70%;    
}

.date-btn{
    width: 7%;
}

.ac-de-btn{
    width: 6%;
}

.pu-un-btn{
    width: 6%;
}


@media (max-width: 575.98px) {
    
    .blo-title{
        margin-top: 30px;
        display: block;
    }
    
    .row-box{
        padding: 0px 0px 0px 0px;
        width: auto;
    }
    
    .TRANSACTION-BTN{
        float: none;
        margin-top: -10px;
        height: 40px;
    }
    
    .text-mobi-marg{
        margin-top: 15%;
    }
    
    .date-btn{
        width:auto;
    }
    
    .ac-de-btn{
        width:auto;
    }
    
    .pu-un-btn{
        width:auto;
    }
    
      div.dt-buttons{
          margin: 0px 0px 0px -15px;
      }
      
    
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .row-box{
        padding: 0px 0px 0px 0px;
        width: auto;
    }
    
    .TRANSACTION-BTN{
        float: right;
        margin-top: 5px;
        height: 40px;
    }
    
    .date-btn{
        width:auto;
    }
    
    .ac-de-btn{
        width:auto;
    }
    
    .pu-un-btn{
        width:auto;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .row-box{
        padding: 0px 0px 0px 0px;
        width: auto;
    }
    
    .TRANSACTION-BTN{
        float: right;
        margin-top: 5px;
        height: 40px;
    }
    
    .date-btn{
        width:auto;
    }
    
    .ac-de-btn{
        width:auto;
    }
    
    .pu-un-btn{
        width:auto;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .row-box{
        padding: 0px 0px 0px 0px;
        width: auto;
    }
    
    .date-btn{
        width:auto;
    }
    
    .ac-de-btn{
        width:auto;
    }
    
    .pu-un-btn{
        width:auto;
    }
}

@media (min-width: 1200px) { ... }

/*****************************************
  upload button styles
******************************************/
.file-upload {
	position: relative;
	display: inline-block;
}

.file-upload__label {
  display: block;
  padding: 10px 10px;
  color: #fff;
  background: #1E9FF2;
  border-radius: .4em;
  
  
  &:hover {
     cursor: pointer;
     background: #1E9FF2;
  }
}
    
.file-upload__input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 1;
    width:0;
    height: 100%;
    opacity: 0;
}
.centeredprofile {
    position: absolute;
    top: 59%;
    left: 6.3%;
    transform: translate(-50%, -50%);
    font-size: 7px;
    color: #1681a2;
    font-weight: bold;
}

/*****************************************
 design styles
******************************************/

.Create-Patients{
    float: left;
    height:43px;
  }

.alluserprofile{
    padding: 0px 0px 0px 15px;
    background-color: #00bcd40a;
    /* border: 1px solid #00000021; */
    width: 100%;
    margin: -1px;
    height: 50px;
    line-height: 67px;
}

.alluserprofile > div{
    margin-left:0px;
}

@media (max-width: 575.98px) {
  
  .Create-Patients{
    margin: 0px -10px 20px 0px;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  
  .Create-Patients{
    margin: 0px 0px 20px 0px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  
  .Create-Patients{
    margin: 0px 20px 0px 0px;
  }
  
}

@media (min-width: 992px) and (max-width: 1199.98px) { ... }

@media (min-width: 1200px) { ... }

.alluserwallet {
  padding: 0px 0px 0px 25px;
  background-color: #00bcd41c;
  width: 100%;
  border: none;
  margin: -1px;
  height: 100%;
  line-height: 45px;
}

.AllDietPlan {
  padding: 0px 0px 0px 25px;
  background-color: #f4f4fd;
  width: 100%;
  border: 1px solid #c3c3c399;
  margin: -1px 0px 10px 0px;
  height: 100%;
  line-height: 45px;
  box-shadow: 0px 3px 3px #ccc;
}


.numb-border{
  border: 1px solid #01bbd4;
  padding: 5px 33px;
  font-size: 16px;
  color: #01bbd4;
  font-weight: 600;
}

.btn-height{
  padding: 0.5rem 1rem !important;
  font-size: 16px;
}

.from-wid-hei{
  width: 100%;
  height: 45px !important;
  border-radius: 0px;
}

.preview1{
  position: absolute;
  top: 5%;
  right: 30px;
  margin-top: -9px;
  text-align: center;
  z-index: 2;
  width: auto;
}

.big-text-td{
  width: 55%;
}

.small-text-td{
  width: 5%;
}

.from-inpu{
  border: 1px solid #01bbd4 !important;
  color: #000 !important;
  font-size: 16px;
  font-weight: 600;
}


/* Health card CSS */
  .card-1 {
  height: 2.25in;
  width: 3.75in;
  background-image:url(/images/new-bg.png);
  background-repeat:no-repeat;
  background-size: cover;
}
.layer{
  margin: 5px 0px 20px 5px;
  width: 150px;
  height: 41px;

}
.membership-text{
  text-align: right;
    margin: -50px 10px 0px 0px;
  font-size:12px;
}
.membership-text-1 {
  text-align: right;
  margin: 0px 10px 20px 0px;
  font-size:12px;
}
.details{
  padding:0px 0px 0px 35px;
  line-height:5px;
  position:absolute;
}
.blog-slider__img {
    width: 30px;
    height: 120px;
    background-color: #c6db56;
    border-radius: 0px 10px 10px 0px;
}
.blog-slider__img_1 {
    width: 30px;
    height: 120px;
    background-color: #26a0da;
    border-radius: 10px 0px 0px 10px;
    float: right;
    margin: -120px 0px 0px 0px;
}
.qrcode {
    position: absolute;
    top: 140px;
    right: 35px;
    width: auto;
    height: auto;
    float: right;
    border-radius: 10px 10px 10px 10px;
}
.qrcode_1 {
  width:70px;
  height:70px;
}
.blog-slider_2 {
  width: calc(100% - 39px);
  height: 206px;
  border: 5px solid #26a0da;
  border-radius: 10px 10px 10px 10px;
  margin: 5px 0px 0px 5px;
  position: absolute;
}
.blog-slider_4 {
  width: calc(100% - 295px);
    height: 35px;
    background-color: #26a0da;
    border-radius: 0px 20px 20px 0px;
    transform: translateX(8px);
    margin: 15px 0px 0px 0px;
    position: absolute;
}
.user {
  width: 15px;
  height: 18px;
  text-align: center;
  position: absolute;
  top: 9px;
  right: 13px;
  background-image:url(/images/user-icon.png);
  background-repeat:no-repeat;
}
.he {
    font-size: 20px;
    position: absolute;
  top: 22px;
  left: 130px;
  color: #6B6F82;
}
.icon {
    position: absolute;
    top: 55px;
    left: 65px;
  right:0px;
}
.success_1 {
    width: 30px;
    height: 30px;
    background-image:url(/images/phone-Icon.png);
}
.success_2 {
    width: 30px;
    height: 30px;
    background-image:url(/images/global-icon.png);
}
.success_3 {
    width: 30px;
    height: 30px;
    background-image:url(/images/map-icon.png);
}
.la-phone {
    font-size: 19px !important;
    color: #FFF;
  margin: 5px 0px 0px 6px;
}
.text_1 {
   font-size: 14px;
    position: absolute;
    top: 4px;
    left: 40px;
    margin: 0px 0px 0px 0px;
  color:#28D094 !important;
}
.icon_1 {
    position: absolute;
    top: 90px;
    left: 65px;
}
.la-globe {
    font-size: 22px !important;
    color: #FFF;
    margin: 4px 0px 0px 4px;
}
.text_2 {
    font-size: 14px;
    position: absolute;
    top: 4px;
    left: 40px;
    margin: 0px 0px 0px 0px;
    color:#28D094 !important;
}
.icon_2 {
    position: absolute;
    top: 125px;
    left: 65px;
}
.la-map-marker {
    font-size: 22px !important;
    color: #FFF;
    margin: 5px 0px 0px 4px;
}
.text_3 {
    position: absolute;
    top: 0px;
    left: 40px;
  color:#28D094 !important;
  right: -270px;
  font-size: 13px;
}
.icon_3 {
    position: absolute;
    top: 165px;
    left: 60px;
}
.text_4 {
  font-size: 14px;
  margin:0px 0px 0px 0px;
  color: #6B6F82;
}
.icon_4 {
  position: absolute;
    top: 190px;
    left: 160px;
}
.text_5 {
    font-size: 10px;
    color: #F00;
}
.AA{
  position:relative;
  top:0px;
  right:0px;
  left:0px;
}