@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
body{
	font-family: 'Open Sans', 'Segoe UI', Tahoma, Arial, sans-serif;
  background-color: #8c24ad3b;
  font-size:14px;
}

.fixed_height{
  min-height: 486px;
}
.color_o{
  color:#891bab !important;
}
.back_o{
  background-color: #891bab;
}
.bor_o{
  border:1px solid #891bab;
}
.cover { margin-top:45px; }

.height_1px { height:1px; } 

a:hover{
  text-decoration: none;
}


/*nav bar header start*/

.imglogo{
  height: 44px;
  width: 44px;
  float: left;
  margin-right: .75rem;
  /*color:#891bab;*/
}
.menu_btn {
  padding: 0 6px;
  float: right;
  height: 45px;
  cursor: pointer;
}
.menu_btn img {
  margin-top: 14px;
  width: 16px;
  height: 16px;
}
.navbar{padding:0px;}
.dropdown-toggle::after {vertical-align: 0; margin-right:4px;}/* set header*/
.dropdown-menu {
  box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
  min-width:200px!important;
  margin: 7px 0 0 !important;
}
.dropdown-item {
  color:#891bab;
  font-weight: bold;
  padding:15px 30px!important;
  text-align:left;
  /* float: right; */
}
.dropdown-item:hover{
  color:#891bab;
  background:#EEE;
}
.dropdown-divider {
    height: 0;
    margin: 0!important;
    overflow: hidden;
    border-top: 1px solid #DDD!important;
}
.nav-tabs .nav-link.active{
  color: #891bab !important;
  border-color: #891bab;
 }
button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
    box-shadow: none!important;
}

/*nav bar header end*/


/*image height set cover image*/
.image_height{
    height:400px;
  }

.image-detail{
    margin: auto;
    width:250px;
    height:250px;
    margin:auto;
    position: relative;
    bottom: 240px;
    z-index:777;
    border:5px solid white;
    box-shadow: 0 0 0rem 2px #343a40c7 !important;
}
.image-detail_profile{
  bottom:238px;
}

/*image height set cover image*/


.form-group {
  margin-bottom: 4px;
}
.input-group-addon{width:40px;}

.form-control {
  border: 1px solid #891bab;
  min-height: 40px;
}
.form-control:focus {
  box-shadow: none;
}
.control1{
 min-height: 44px;
}
.shadow {
    box-shadow: 0 0 0.5rem 0.25rem #e4ccec !important;
}


/*.slider img{
    width:100%;
    height:365px;
}*/
/*.bx-wrapper, .bx-viewport, .bx-wrapper img {height: auto !important;object-fit: cover !important;}
*/

.space{
  margin-top: 0px;
} /*for space in div*/


/*----------------modal-------------------*/
.modal-margin{
  margin-top:20%;
}
/*----------------modal-------------------*/
@media (max-width: 580px)
{

  .image_height{
    height:300px;
  }
  .image-detail
  {
     width:200px;
     height:200px;
     bottom: 215px;
  }
  .image-detail_profile{
  bottom:188px;
  }
  .dropdown-menu {
  height:100vh;
  min-width:100vw!important;
  
}

  /*----------------modal-------------------*/
  .modal-margin{
    margin-top:40%;
    }
    /*----------------modal-------------------*/
    .space{
    margin-top:15px;
    } 

}

@media (max-width: 330px){

.space{
margin-top: 10px;
} /*for space in div*/
.image_height{
    height:250px;
  }
  .image-detail
  {
     width:150px;
     height:150px;
     bottom: 140px;
  }
   .modal-margin{
    margin-top:50%;
    }
}