/* REMOVE IMAGE
.remove-image {
display: none;
position: absolute;

margin-top: -7px;
border-radius: 10em;
padding: 2px 6px 3px;
text-decoration: none;
font: 700 21px/20px sans-serif;
background: #416CAE;

color: #FFF !important;
box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 2px 4px rgba(0,0,0,0.3);
  text-shadow: 0 1px 2px rgba(0,0,0,0.5);
  -webkit-transition: background 0.5s;
  transition: background 0.5s;
}*/
body{
font-family: Poppins !important;
}
.remove-image {
    /* padding: 2px 0px 3px; */
    /* display: none; */
    position: absolute;
    margin-top: 0px;
    margin-left: -28px;
    padding: 2px 13px 3px;
    padding: 2px 6px 3px;
    text-decoration: none;
    font: 700 21px/20px sans-serif;
    background: #1a9bfc;
    /* border: 3px solid #fff; */
    color: #FFF !important;
    /* box-shadow: 0 2px 6px rgb(0 0 0 / 50%), inset 0 2px 4px rgb(0 0 0 / 30%); */
    /* text-shadow: 0 1px 2px rgb(0 0 0 / 50%); */
    -webkit-transition: background 0.5s;
    transition: background 0.5s;
    /* display: none; */
}
.remove-image:hover {
 background: #E54E4E;
  padding: 3px 7px 5px;
  color: #fff !important;

}
.remove-image:active {
 background: #e52a2a;

}
/* REMOVE IMAGE END */
/* Toolbar */
.topbar {
    position: relative;
    z-index: 50;
    background: #fff;
    height: 16px !important;
}
/* Toolbar end */
/* POPUP */
.modal-dialog {
    max-width: 546px !important;
    margin: 1.75rem auto;
}
/* POPUP END */

/* CARD BODY */
@media (min-width:765px){
.card-body {
    flex: 1 1 auto;
    padding: 36px 87px !important;
}
}


.card-body {
    flex: 1 1 auto;
    padding: 30px 30px;
}
@media (max-width:965px){
.upld-btn{
width:100% !important;
margin-right: 0px !important;
margin-top: 0px !important;
position: inherit !important;
}
.upld-btn-p{
 padding-bottom: 3rem!important;
 padding-top: 0.5rem!important;
}
.imgGen {
  opacity: 1;
  max-width:180px !important;

}
.imgGenBgRemoval {
    opacity: 1;
    max-width: 230px !important;
}
/**/
#slider{
max-height:511px;
}

}
@media (max-width:415px){
.imgGen {
  opacity: 1;
  max-width:120px !important;

}
}
}

.imgGen {
  opacity: 1;


}

.imgGen:hover {
    opacity: 0.9;

}


/* CARD BODY END */

/* Container needed to position the button. Adjust the width as needed */
.container-upload {
  position: relative;
  width: 20%;
}

/* Make the image responsive */
.container-upload img {
  width: 100%;
  height: auto;
}

/* Style the button and place it in the middle of the container/image */
.container-upload .btn {
    position: absolute;
  /*  top: 50%; */
    left: 34%;
    transform: translate(-25%, 123%);
    -ms-transform: translate(-50%, -50%);
    background-color: #555;
    color: white;
    font-size: 16px;
    padding: 9px 6px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
}

.container-upload .btn:hover {
  background-color: black;
}
/*Mobile */
@media (max-width:760px){
.topbar .nav-toggler, .topbar .topbartoggler {
    color: #ffffff;
    padding: 0 15px;
    font-size: 31px;
}
.container-upload .btn {
    position: absolute;
    top: 50%;
    left: 34%;
    transform: translate(-26%, -7%);
    -ms-transform: translate(-50%, -50%);
    background-color: #555;
    color: white;
    font-size: 16px;
    padding: 9px 6px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
}
}

/*Blog generator
*/
.accordion-button:not(.collapsed) {
    color: #000000;
    background-color: #ededed;
}

/* Sidebar */

#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link, #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link {
    color: #000;
}
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul, #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul {
    background: #F4F4F4;
}
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link i, #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link i {
    color: #000;
}
#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header[data-logobg=skin6], #main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin6] {
    background: #F4F4F4;
}
.sidebar-nav ul .sidebar-item .sidebar-link:hover {
    background-color: rgb(0 0 0 / 21%);
}
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6], #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] {
    background: #F4F4F4;
}
.btn-black {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

/* Templates */
.card-body-templates {
    flex: 1 1 auto;
    padding: 22px 22px;
    background: aliceblue;
    border-radius: 20px;
    border: none !important;
}

.card-template {
    margin-bottom: 30px;

    /* background: aliceblue; */
}

.bg-yellow-50 {
    --tw-bg-opacity: 1;
    background-color: #ffe67a;
}

.rounded-icons {
    border-radius: 10px!important;
}

.filter {
  margin-bottom: 30px;
  display: block;
}

.sidebar-nav ul .sidebar-item.selected>.sidebar-link {
    background-color: #1a9bfc;
    color: #fff!important;
    opacity: 1;
    background-image: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%) !important;
}

.card-body-outputs {
    flex: 1 1 auto;
    padding: 17px 28px !important;
    background:aliceblue;
    border: 1px solid aliceblue;
    border-radius: 19px;
}