/* mobile icons */
span.mobile_icons{
width: 35px;
    height: 35px;
    background: #4a4a4a;
    color: #fff;
    position: absolute;
    right: -35px;
       top: 18px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 15px;
    text-align: center;
    padding-bottom: 5px;
    padding-top: 8px;
    display: none;
}
@media screen and (max-width:930px) and (min-width:768px){
 .carousel-item {
    float: left;
    width: 33.33%;
    padding:15px;
}
}

@media screen and (max-width:1350px) and (min-width:993px){
  .checkbox.btn{
        margin: 0px 8px;
    padding: 10px 20px;
  }
  .invite_inner_div {
    padding: 8px 30px;
    width: 30%;
  }
   .sidebar{
    padding-left:2px;
  }
  .brand_logo{
      padding: 20px 2px;
  }
  .brand_logo img{
    width:90%;
    max-width:100%;
  }
  .carousel-inner {
    position: relative;
    width: 95%;
  }
  .checkbox.btn label{
    padding-left:0px;
  }
 }

@media screen and (max-width:1200px) and (min-width:993px){
  .d-flex.infection_row{
     flex-direction: column; 
  }
.checkbox.btn{
  margin:0px;
}
.image_part {
    width: 28%;
    }
    .profile_part {
    width: 66%;
}
.assign_part {
    width: 40%;
    }
    .profile_part label {
    font-size: 15px;
  }
  .assign_history h3 {
    font-size: 18px;
  }
}
@media (max-width:1000px){
.carousel-inner{
  width:90%;
  max-width:100%;
}
   #wrapper #content-wrapper{
    width:100%;
    max-width:100%;
   }
   .Symptom-status  {
     width:100%;
     max-width:100%;
   }
   button.userfor {
    width: 31%;
    margin-right: 18px;
    max-width:100%;
}
.profile_part label {
    font-size: 15px;
    color: #363636;
}
.assign_history h3, .title_assign h3 {
    font-size: 18px;
  }
.image_part {
    width: 15%;
    max-width: 100%;
    }
  .profile_part {
    width:45%;
    max-width:100%;
  }
.assign_part {
    width: 38%;
    max-width:100%;
}
.sidebar{
     width: 295px;
    max-width: 100%;
    min-height: 100vh;
}
html:not([dir=rtl]) .sidebar{
  margin-left:-295px;
}
span.mobile_icons{
  display:block !important;
}
.leftmenu_list{
  padding-left:35px;
  padding-right:0px;
}
.leftmenu_list a{
  padding-right:8px;
}
.leftmenu_list a img {
     width: 20px;
    margin-right: 0px;
}
.logout_tab img {
    width: 16px;
    margin-right:2px;
}
.table>thead>tr>th, .table>thead>tr>td{
  font-size:0.775rem;
}
.md-modal{
      left: 18%;
    width: 66%;
}
 .checkbox.btn label{
    padding-left:0px;
  }
  div#modal-1 {
    width: 100%;
    left: 0px;
}
div#modal-1 .md-content{
  width:82%;
  max-width:100%;
}
}
@media screen and (max-width: 992px) and (min-width:768px) {
.container{
  width:100%;
  max-width:100%;
}
.container.flex_flow_column{
 /* flex-direction: column; */
}
.login_form .form-group {
    width: 85%;
    }
}
@media(max-width:845px){
.Symptom-status{
  margin-left:0px;
}
.flex_flow_column{
 flex-direction: column; 
}
.login_form .form-group {
    width:75%;
}
.ignore_padding{
  padding:0px;
}
.item_div{
  width:100%;
  max-width:100%;
  margin:0px;
  margin-bottom:10px;
}
.ancher_tabs a{
  width:100%;
  max-width:100%;
}
#wrapper #content-wrapper{
  width:100%;
  max-width:100%;
}
.dashboard_landing{
  padding:0px 15px;
}
.btngroup.tablebtn a {
    padding: 6px 20px;
    width: 28%;
    margin:10px;
    text-align:center;
}
.btngroup.tablebtn a:nth-child(2n){
  margin-left:5px;
}
.card>.card-body.d-flex{
  height:282px;
}
.count_bar span {
    font-size: 90px;
    line-height: 130px;
}
.checkbox.btn{
      padding: 10px 25.5px;
}
}
@media (max-width:772px){
  .md-modal {
    left: 5%;
    width: 90%;
}
}
@media screen and (max-width:767px) and ( min-width:575px){
 .carousel-item {
    float: left;
    width:50%;
    padding:0px 15px;
}
}
@media(max-width:635px){
  .btn.btn-primary.riskpotantial {
    width: 100%;
  }
  .card_left:after{
    display: none;
  }
  .card>.card-body.d-flex{
    flex-wrap: wrap;
    height:auto;
  }
  .card_left, .card_right.setWidth{
    width: 100%;
    max-width: 100%;
}
.card_left{
  border-bottom:1px solid #ffffffa6;
  margin-bottom:20px;
}
.sidebar {
    width:295px;
    max-width: 100%;
}
.userno{
  display: none;
}
.table_title {
    padding: 5px 0px;
}
.btngroup.tablebtn a, .btngroup.tablebtn button {
    width: 49%;
    margin-bottom: 5px;
    margin-top: 0px;
    margin: 0px !important;
    margin-bottom: 5px !important;
    border-radius: 5px;
}
div#modalUpload, div#GuidPopup , div#GuidPopupUpdate, div#selectUsersinvite, 
div#CopyInvites, div#singleUserinvite, div#modalFilters{
    width: 100%;
    left: 0px;
    top: 0px;
    background: #0000006b;
    height: 100%;
       padding: 10% 15px;
}
.custom-file.custom_file .custom-file-label::after {
    top: 0;
    right: -134px;
  }
  .leftmenu_list a:first-child{
 display:none;
  }
  .d-flex.justify-content-around{
    flex-wrap: wrap;
  }
  .invite_inner_div {
    padding: 8px 36px;
    width: 100%;
    max-width: 100%;
    background: #fff;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 12px;
}
.question_field.form-group{
  flex-direction: column;
}
.profile_page .d-flex{
   flex-wrap: wrap;
}
.profile_page .image_part {
      width: 35%;
    max-width: 100%;
    margin-bottom: 15px;
}
.profile_page .profile_part {
    width: 62%;
    max-width: 100%;
}
.profile_page .assign_part {
    width: 100%;
    max-width: 100%;
}
.btn-group.btn-group-toggle{
      flex-flow: column;
    width: 100%;
    max-width:55%;
}
#ConsultDoctor .btn-default, #ConsultDoctor .radiogroup_btn.btn-primary{
  margin-bottom:12px;
 padding: 4px 12px;
}
.btn.btn-custome{
  width:75%;
  max-width:100%;
  margin:0px auto;
}
}
@media(max-width:574px){
   .carousel-item {
    float: left;
    width:100%;
    padding:0px 15px;
}
}
@media(max-width:520px){

.register_form{
  padding:22px 35px !important;
}  
.md-content{
  width:95%;
  max-width:100%;
}

.intro_div h1{
  font-size:45.5px;
}
.intro_div h1 strong{
       font-size: 26px;
    line-height: 14px;
}
.intro_div{
  padding:2px 0px;
}
.login_form .form-group{
  width:90%;
  max-width:100%;
}
span.saperator {
    margin-bottom:10px;
    display: block;
    height: 2px;
    position: relative;
}
.mainsection{
  padding:15px 0px;
}
span.button-checkbox.input-group-btn {
    width: 90%;
    max-width: 100%;
    padding: 12px 5px;
}
.checkbox label::before{
  top:-26px;
}
.checkbox label::after {
    top: -25px;
}
.form-group.d-flex.popupform{
  flex-direction: column;
}
}