/*================================================================================
	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.  */


/*****************************************
  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 -20px;
  }
}

@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) { ... }



.preview-text-3 {
  margin: 0 !important;
  color: #ff0000 !important;
  font-size: 18px !important;
  padding: 0 !important;
}

.success-1{
  width: 35px;
  height: 35px;
}

.primary-1{
  width: 35px;
  height: 35px;
}

.btn-danger{
  border-color: #ff0000 !important;
  background-color: #ff0000 !important;
  /*width: 35px;*/
  /*height: 35px;*/
}

.btn-danger-1{
  padding: 10px 10px;
  font-size: 16px;
  border-radius: 5px;
  width: 40px;
}

.btn-float i {
    display: block;
    margin: -5px 0px 0px -5px;
    top: 0;
}

.c-package__header {
    background-color: #00A2B6;
    min-height: 125px;
    background-position-y: -15px;
    background-position-x: 95%;
    font-size: 12px;
    padding: 10px 0px 0px 25px;
}

.c-button--transparent, .c-copyright, .c-footer__title, .c-package__footer__saving, .c-package__header, .c-records__records_container, .u-t-bold {
    font-weight: 500;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.u-title-font {
    font-size: 20px;
}

.u-title-font {
    color: #FFF;
    text-transform: capitalize;
}

.u-p-v-10 {
    padding: 15px 0;
    color: #fff;
    text-transform: capitalize;
    font-size: 16px;
}

.u-p-v-11 {
    padding: 0px 0px 10px 0px;
    color: #fff;
    text-transform: capitalize;
    font-size: 16px;
}

.c-package__main {
    padding: 12px 10px !important;
    line-height: 20px;
    background: #FFF;
    border: 1px solid;
    height: 250px;
    overflow-y: scroll;
}

.c-package__main__lab, .c-packages-list, .u-d-flex-start {
    display: flex;
    align-items: flex-start;
}

.u-d-flex-Text {
    padding: 0px 10px 0px 10px;
    width: 100%;
    text-align: justify;
}

.u-d-flex-Text-li:not(:last-child) {
    border-bottom: 1px solid #000;
}

.c-package__main li {
    list-style: none;
}

.u-d-flex-Text-li {
    padding: 10px;
    font-size: 16px;
    color: #000;
}

.c-package__footer {
    background-color: #e8e1e11f;
    padding: 15px 20px;
    border: 1px solid #16171663;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.c-package__footer__controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.c-package__footer__saving_1 {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    margin: 0px -20px 0px 0px;
}

.c-package__footer__saving {
    color: #000;
    background: #c6ec51;
    font-size: 14px;
    padding: 5px 10px;
    font-weight: 700;
}

.u-title-font-1 {
    font-size: 18px;
    color: #000;
    font-weight: 500;
    margin: 0px 5px 0px 0px;
}

.u-title-font {
    font-size: 20px;
}

.box_list figure .preview {
    position: absolute;
    top: 2%;
    right: 0;
    margin-top: -9px;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    text-align: center;
    opacity: 0;
    visibility: hidden;
    width: auto;
    -webkit-transition: all .6s;
    transition: all .6s;
    z-index: 2;
}

.box_list figure .preview span {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    display: inline-block;
    color: #222;
    font-size: .75rem;
    padding: 5px 15px;
    margin: 0px 0px 0px 0px;
}

.box_list figure:hover .preview {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);

}

.db-pricing-seven ul {
  list-style: none;
  margin: 0;
  text-align: center;
  padding-left: 0px;
  width: 100%;
  text-align: left;
}

.db-pricing-seven ul li {
  border-bottom: solid 1px #D8D8D8;
  padding: 10px 0px 10px 10px;
  cursor: pointer;
  color: #000;
  font-size: 14px;
}

.db-pricing-seven ul li:hover{
  background-color: #eee;
}