body{
	background-color: #d9e2da;
	background-color: #fff;
}



  .doc-card
  {
background-color: #fff;
border-radius: 15px;
    box-shadow: 0px 0px 14px 3px rgb(106 108 109);
}
  


  .doc-card:hover
  {
background-color: #fff;
box-shadow: 0px 0px 8px 4px rgb(23 161 230);;
  }

  .card_button{
  	color: #fff;
    background-color: #000000;
    border-color: #00afa7;
  background-image: linear-gradient(to right, #00afa7 , #00b153);
  box-shadow: 2px 4px 8px 2px rgba(0,0,0,0.2);
  }

  .btn_2 {
    background-image: linear-gradient(to right, #00afa7 , #00b153) !important;	
  }

    .card_button:hover{
  	color: #fff;
    background-color: #163535;
    border-color: #1a8471;
    box-shadow: 2px 4px 8px 2px rgba(0,0,0,0.4);
  }



/*  foter*/
 #page-container {
  position: relative;
  min-height: 100vh;

}

#content-wrap {
  padding-bottom: 94px;    /* Footer height */
}

#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 92px;            /* Footer height */
}
.cart_but_row{
	margin-top: 30px;
}



/* when 1195 cart button is go row doun  */
@media (max-width: 1200px) {
  /* line 33, ../../01 cl html template/03_jun 2019/182_medico_html/sass/_common.scss */
/*body{
	background-color: red;
}*/
.cart_but_row{
	margin-top: 0;
}

}




@media (max-width: 766px) {
  /* line 33, ../../01 cl html template/03_jun 2019/182_medico_html/sass/_common.scss */
/*body{
	background-color: red;
}*/
.doc_cetails
{
padding: 0 !important ;
}
.cart_but_row{
padding-bottom: 20px;
}

}







@media (max-width: 767px) {
	.doc_img{
		height: 500px;
		object-fit: cover;
		border-radius: 20px 20px 0 0 !important ;

	}
	.card_button{
		margin: 10px;
	}

}


body
{
	min-width: 300px;
}

/*alart box css alart-popu*/


.modal1 {
  display: none;  
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal1-content {
  background-color: #fefefe;
  margin: auto;
  padding: 0px  10px 10px 10px;
  border: 1px solid #888;
  width: 50%;
  font-family: 'Fredoka One', cursive; font-size: 25px;
  border-radius: 15px;
}

/* The Close Button */
.close1 {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  margin-top: -10px;
}

.close1:hover,
.close1:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}


.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link
{

  color: #f90000 !important;
  font-size: 20px;
}


@media (max-width: 991px)
{

.menu_fixed .main-menu-item ul li .nav-link

{
  color:#000 !important;
}



.main_menu .main-menu-item .nav-item a 
{
    padding: 40px 0px !important;
  text-align: center  !important;


}   

.main_menu .main-menu-item .nav-item 
{
  width: 100% !important;
  margin-left: auto;
  margin-right: auto;

      
}  

.main_menu .main-menu-item ul li .nav-link {
    color: #000;
    }

}


@media (max-width: 991px)
{
.main_menu .main-menu-item {
  margin-top: 40px !important;
  width: 100%;
}
}

@media (max-width: 396px)
{
#page-container {

  /*  min-height: 160vh !important;*/

}

.table td
{
  padding: 15px 0 15px 0 !important;
  font-size: 13px !important;
  font-weight:0 !important;
}

.col-sm-12
{
   padding-right: 5px  !important;
    padding-left: 5px  !important;
}
}





@media (max-width: 200px)
{
#page-container {

    min-height: 200vh !important;

}
}


@media (max-width: 600px)
{


.table_w
{

  overflow: scroll !important;

  }
}


@media (max-width: 770px)
{

.imgfooter
{
   display:inline-block !important;
}
.foterleft
{
   display:none !important;
}

}


.imgfooter
{
   display:none;
}



.menu_fixed {

background-image: linear-gradient(to right, #3db0ca , #00e0e0) !important ;

}

.menu_fixed .main-menu-item ul li .nav-link

{
  color:#fff ;
}

.home_menu {
      background-image: linear-gradient(to right, #00e0e0 , #3db0ca );
    
    }



    .imgsheker
     {
box-shadow: 0px 0px 0px 3px white;
    }

    .imgsheker:hover {
  /* Start the shake animation and make the animation last for 0.5 seconds */
  animation: shake 0.3s;

  /* When the animation is finished, start again */
  animation-iteration-count: 2;


}

@keyframes shake {
  0% { transform: translate(0px, 0px) rotate(0deg); }
  33% { transform: translate(0px, 0px) rotate(-10deg); }
  66% { transform: translate(0px, 0px) rotate(10deg); }
  100% { transform: translate(0px, 0px) rotate(0deg); }
}









/*go to top button*/






#myBtntop {
  display: none;
  position: fixed;
  bottom: 100px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
    background-image: linear-gradient(to right, #8cf7f2 , #03f79d );
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtntop:hover {
        background-image: linear-gradient(to right, #9e1f83 , #c1ab3b );
}


.loader1{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  text-align: center;
  z-index: 1000000;
}


.loader1 center{
  top: 50%;
    right: 50%;
    position: fixed;
}




.input-group-text
{
 min-width: 100px;
}


@media screen and (max-width: 370px) {
  .fontt_forhead {
    font-size: 20px;
  }
}
@media screen and (max-width: 30px) {
  .fontt_forhead {
    font-size: 80px;
  }
}


.minw
{
 min-width: 100px !important;
}


.fain_doc_title{
  font-family: 'Roboto Slab', serif;
  font-size: 18px;
}

#example_filter{
  display: none !important;
}

.isa-box
{
box-shadow:0 0 15px 2px #717171;
border-radius:15px;
background: #fff;
}



.isa-box:hover
{
box-shadow:0 0 6px 6px #9be3ec;
border-radius:15px;

}