*
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
} 

.c{
    overflow: hidden;
}

body 
{
    height: 100%;
    margin: 0;
    justify-content: flex-end;
    align-items: center;
    min-height: 100vh;
    /*background: #ede7f6;*/
    background: white;
}

/*HEADER HEADER HEADER HEADER HEADER HEADER HEADER HEADER HEADER HEADER HEADER HEADER HEADER HEADER*/
.header-container 
{
    /*display: inline;*/
    background-color: white;
}

.header-container .left-nav .logo
{
    font-family: "Nunito";
    color: white;
    margin: 10px;
    
}

.header-container .left-nav .logo a
{
    color: black;
    font-size: 32px;
}

/* desktop screen size */

@media screen and (min-width: 820.5px)
{   
    .header-container .right-nav
    {
        background-color: black;
        text-align: right;
        padding: 15px;
    }

    .header-container .right-nav div
    {
        font-family: "Poppins";
        font-size: .8em;
        text-align: right;
        display: inline;

    }

    .header-container .right-nav 
    {
        width: 100%;
    }

    .header-container .right-nav a
    {
        
        padding: 10px;
        color: white;
    }

    .header-container .right-nav a:hover
    {
        background-color: white;
        color: black;
    }
    .header-container .dropdown
    {
        display: none;
    }
    
    .header-container .right-nav .instructions-container .cartnumber
    {
        font-family: 'Nunito';
        font-size: 14px;
    }
}
/* mobile screen size for HEADER */

@media screen and (max-width: 820.5px)
{
    .header-container .right-nav
    {
        display: none;
    }
    
    .dropbtn 
    {
        background-color: black;
        color: white;
        padding: 16px;
        font-size: 16px;
        border: none;
        cursor: pointer;
        width: 100%;
    }
    
    .dropbtn .fa
    {
        color: white;
        float: left;
        pointer-events: none;
        
    }

    .dropbtn:hover, .dropbtn:focus 
    {
        background-color: rgb(78, 78, 78);
    }
      
    .dropdown 
    {
        position: relative;
        display: inline-block;
        width: 100%;
    }
      
    .dropdown-content 
    {
        display: none;
        position: relative;
        background-color: rgb(255, 255, 255);
        min-width: 160px;
        overflow: auto;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
    }
      
    .dropdown-content a 
    {
        font-family: "Poppins";
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }
      
    .dropdown a:hover 
    {
        background-color: black;
        color: white;
    }
      
    .show {display: block;}

}



.sortlink .sortcities 
{
    font-family: 'Poppins';
    text-align: center;
    margin: 20px;
    
}
.sortlink .sortcities a
{
    /*color: rgb(255, 255, 255);
    margin: 5px;
    padding: 5px;
    background-color: rgb(189, 74, 122);
    border-radius: 5px;
    display: inline-block;*/
    
}

.sortlink .sortcities .cityItem
{
    margin: 5px;
    padding: 5px;
    border-radius: 5px;
    display: inline-block;
    color: rgb(189, 74, 122);
    
}

.sortlink .sortcities .cityItem:hover 
{
    background-color: rgb(189, 74, 122);
    color: white;
}

.locationContainer
{
    font-family: 'Poppins';
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.locationContainer .locationItemImage
{
    display: inline;
    font-family: 'Nunito';
    font-size: 32px;
}

.locationContainer .locationItem
{
    display: block;
    padding: 3px;
    margin-left: 20px;
}




/*banner banner banner banner banner banner banner banner banner*/

.returnbanner img {
    width: 100%;
    height: auto;
}

/*PRODUCT SELECTION | PRODUCT SELECTION | PRODUCT SELECTION | PRODUCT SELECTION*/


.selection-container div
{
    /*background-color: blue;*/
    text-align: center;
    font-family: "Roboto", sans-serif;

}

.gpstrailerinfo
{
font-family: 'Poppins';
font-size: 13px;
margin-left: 15px;
margin-right: 15px;
text-align: center;
margin-top: 20px;
}

.selection-container .product-list .items .product-images div
{
    display: inline-block;
    

}

.selection-container .product-list .items .product-images a .product-wrapper 
{
    box-shadow: 0 0 5px rgba(0,0,0,0.16) !important;
    border-radius: 5px;
    margin: 15px;
   
    
}
.selection-container .product-list .items .product-images a .product-wrapper:hover
{
    background-color: rgb(247, 242, 244);

}

.selection-container .product-list .items .product-images .product-wrapper .item .price-box
{
    margin: 3px;
}

.selection-container .product-list .items .product-images .product-wrapper .item img
{
    margin: 5px;
}

.selection-container .product-list .items .product-images .product-wrapper .item .price-box
{
    position: absolute;
    font-family: poppins;
    background-color: black;
    border-radius: 5px;
    color: white;
    padding: 10px;
}
.selection-container .product-list .items .product-images a .product-wrapper .info-wrapper
{
    display: block;
    text-align: left;
}

.selection-container .product-list .items .product-images a .product-wrapper .info-wrapper .id-wrapper
{
    text-align: center;
    display: block;
}

.selection-container .product-list .items .product-images a .product-wrapper .info-wrapper .id-wrapper .quipId
{
    color: rgb(189, 74, 122);
}

.selection-container .product-list .items .product-images a .product-wrapper .info-wrapper .text
{
    display: block;
    color: black;
    font-family: "Roboto";
    font-size: .8em;
    margin: 5px;
}

.selection-container .product-list .items .product-images a .product-wrapper .info-wrapper .text .city
{
    color: white;
    background-color: rgb(189, 74, 122);
    border-radius: 10px;
    padding: 1px;
}

.selection-container .product-list .items .product-images a .product-wrapper .info-wrapper  .text .item-description
{
    color: rgb(19, 19, 19);


}

.quipstartguidecontainer
{
    text-align: center;
}

.quipstartguidecontainer .quipstartguide
{
    margin-left: auto;
    font-family: 'Poppins';
    margin-right: auto;
    max-width: 800px;
    text-align: left;
    background: #f2f2f2;
    
}

.quipstartguidecontainer .quipstartguide .quipstartttitle
{
    font-family: "Nunito";
    font-size: 40px;
    color: #595959;
    margin: 15px;
    
}

.quipstartguidecontainer .quipstartguide .startitems
{
    margin: 20px;

}

.quipstartguidecontainer .quipstartguide .startitems .startitem
{
    font-family: "poppins";
    font-size: 20px;
    color: #595959;
    margin-top: 25px;
    margin-bottom: 25px;
}

.quipstartguidecontainer .quipstartguide .startitems .startitem .number
{
    border-radius: 25%;
    width: 36px;
    height: 36px;
    color: white;
    background-color: black;
    text-align: center;
    font: 32px "roboto", sans-serif;
    margin-bottom: 5px;


}
.priceschedulecontainer
{
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 40px;
    font-family: roboto;
        
}

.priceschedulecontainer .priceschedule
{
    /*border: 1px solid rgb(189, 74, 122);*/
    border-radius: 20px;
    padding: 15px;
}

.priceschedulecontainer .priceschedule .title
{
    color: rgb(189, 74, 122);
    border-bottom: 3px solid black;
    font-size: 18px;
    text-align: center;
}

.priceschedulecontainer .priceschedule .columnconatiner
{
    text-align: center;
}

.priceschedulecontainer .priceschedule .columnconatiner .column
{
    display: inline-block;

}

.priceschedulecontainer .priceschedule .columnconatiner .column .item 
{
    padding: 5px
}

.priceschedulecontainer .priceschedule .columnconatiner .column .item span
{
    font-size: 12px
     
}

.productrentaltime
{
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
    text-align: center;
    font-family: poppins;
    color: black;
    border-top: 1px solid black;

}

@media (max-width: 820px) {
    .productrentaltime {

        margin-left: 20px;
        margin-right: 20px;
       
    }
}


.productrentaltime .info
{
    padding: 30px;
}

/* MY QUIPS MY QUIPS MY QUIPS MY QUIPS MY QUIPS MY QUIPS MY QUIPS MY QUIPS MY QUIPS MY QUIPS MY QUIPS MY QUIPS MY QUIPS MY QUIPS */

.forms .returnLockImage
{
    text-align: center;
    margin-top: 40px;
}


.forms .returnPicWarning
{
    font-family: "Poppins";
    margin-top: 14px;
    font-size: 12px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5px;
    padding-right: 5px;
}

.forms
{
    margin-left: auto;
    margin-right: auto;
    max-width: 230px;
    margin-top: 50px;
    margin-bottom: 50px;
    font-family: "Poppins";
}
.forms .or
{
    text-align: center;
    font-size: 40px;
    color: rgb(189, 74, 122);
    font-family: "nunito";
}

.forms .form-container
{
    padding: 30px;
    display: block;
    box-shadow: 0 0 5px rgba(0,0,0,0.16);
    background-color: rgb(189, 74, 122);
    border-radius: 5px;
    font-family: "roboto";

}
.forms .form-container .form-wrapper .view-quips-form .createaccount a
{
    font-size: 10px; 
    color:white; 
}

.forms .form-container .form-wrapper .view-quips-form h3
{
    color: white;
}

.forms .errorMsg
{
    color: red;
}


/* CUSTOMER CUSTOMER CUSTOMER CUSTOMER CUSTOMER CUSTOMER CUSTOMER CUSTOMER CUSTOMER CUSTOMER CUSTOMER CUSTOMER CUSTOMER CUSTOMER CUSTOMER CUSTOMER CUSTOMER CUSTOMER CUSTOMER CUSTOMER CUSTOMER*/
.customerinformation
{
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    font-family: "roboto";
    color: rgb(85, 85, 85);
    margin-top: 35px;
    margin-bottom: 35px;

}
/*
@media (max-width: 770px) 
{
.customerinformation {
    margin: 15px;
}}
*/
.customerinformation .customername
{
    font-size: 30px;
}
.customerinformation .infocontainer .quipinformation
{
    display: flex;
    flex-direction: column;
    text-align: left;
    padding: 15px;
    border-bottom: 1px solid rgb(189, 74, 122);
    
}
/*
@media (max-width: 900px) 
{
.customerinformation .infocontainer .quipinformation {
    flex-direction: column;
}}
*/
.customerinformation .infocontainer .quipinformation .infoitem
{
    padding: 20px;
}

.customerinformation .infocontainer .quipinformation .infoitem a
{
    color: rgb(189, 74, 122);
    text-decoration: none;
}

.customerinformation .rentalinfo
{
    padding: 35px;
    text-align: center;

}

/*PRODUCT INFO PRODUCT INFO PRODUCT INFO PRODUCT INFO PRODUCT INFO PRODUCT INFO PRODUCT INFO PRODUCT INFO PRODUCT INFO*/
.item-container
{
    font-family: "roboto";
    text-align: center;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.item-container .item-row
{
    display: inline-block;
    padding: 35px;
    
}

@media (max-width: 300px) {
    .item-container .item-row {
       padding: 0px;
    } 
} 

@media (max-width: 300px) {
    .item-container .item-row .product-map
    {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.item-container .item-row .product-map
{
    text-align: center;
}
#mapid
{
    width: 500px;
}
@media (max-width: 550px) {
    #mapid {
       width: 100%;
    } 
} 


.item-container .item-row .info-row .price-box-wrapper
{
    margin: 53px;
}

.item-container .item-row .info-row .product-image
{
    max-width: 300px;
}

.item-container .item-row .info-row .price-box-wrapper .price-box
{
    color: black;
    text-align: left;
    margin-bottom: 20px;
}

.item-container .item-row .info-row .price-box-wrapper .price-box .city-id
{
    font-size: 15px;
    padding: 8px;
    color: black;
    background-color: white;
    border-radius: 5px;
    text-decoration: line-through;
    text-decoration-color: black;
    font-family: 'Poppins';
    border-style: solid;
}


.item-container .item-row .info-row .price-box-wrapper .price-box div
{
    display: inline-block;
    font-size: 35px;
    color: black;
    text-align: left;
}


.item-container .item-row .info-row .product-number
{
    color: rgb(59, 59, 59);
    text-align: left;
}

.item-container .item-row .info-row .item-description .product-description
{
    color: rgb(59, 59, 59);
    max-width: 300px;
    text-align: left;
    font-family: 'Poppins';
}

.item-container .item-row .info-row .buybtn
{
    margin-top: 70px;
    margin-bottom: 30px;
}

.item-container .item-row .info-row .buybtn .btn
{
    padding: 5px;
    background-color: black;
    border-style: none;
    border-radius: 10px;
    color: white; 
    font-size: 15px;
    font-family: nunito;
}

.item-container .item-row .directions
{
    margin-top: 15px;
    max-width: 500px;
}

.item-container .item-row .connector-container
{
    padding: 15px;
    margin-right: 100px;

}
@media (max-width: 870px) {
    .item-container .item-row .connector-container {
        margin-right: 0px;
    } 
} 

.item-container .item-row .specs
{
    text-align: left;
    margin-bottom: 53px;
    background-color: #545454;
    border-radius: 10px;
}


.item-container .item-row .specs .specsitem
{
    padding: 20px;
    color: white;
    /*border-bottom: 1px solid rgb(230, 104, 159);*/
    
}

#mapid { height: 180px; }


/*ORDER FORM | ORDER FORM | ORDER FORM | ORDER FORM | ORDER FORM | ORDER FORM  do not use do not use do not use*/

.page-content
{

    display: inline;
    flex-wrap: wrap;
    display: flex;
    font-family: Arial, Helvetica, sans-serif;
    margin: auto;
    width: 90%;
    border: 3px solid #73AD21;
    

 
}

.page-content .inner-container
{
    margin: auto;
    width: 90%;
}

.page-content .inner-container .checkout-container
{
    background-color: rgb(241, 241, 241);
    border: 1px solid lightgrey;
    border-radius: 3px;
    display: block;
    padding: 15px;
    margin: 20px;

}

.page-content .inner-container .checkout-container .billing-container form
{
    display: block;

    
}

.page-content .inner-container .checkout-container .billing-container label
{
    display: block;
    margin: 10px;
    width: 100%;

}

.page-content .inner-container .checkout-container .billing-container input
{
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 3px;
    width: 100%;
}

.page-content .inner-container .checkout-container .billing-container .btn
{
    margin-top: 15px;
    background-color: rgb(189, 74, 122);
    color: white;
}

.page-content .inner-container .checkout-container .billing-container .btn:hover {
    background-color: #545454;
    color: white;
}

.page-content .inner-container .map-section
{
    text-align: center;
}

/*how-it-works_how-it-works_how-it-works_how-it-works_how-it-works_how-it-works_how-it-works_how-it-works_how-it-works_how-it-works_how-it-works_*/

.howitworks 
{
    font-family: "Poppins";
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;

}


.howitworks .howitworksHeading
{
    font-family: "Nunito";
    color: rgb(189, 74, 122);
    font-size: 24px;
    margin-bottom: 20px;

}

.howitworks .howitworksItem
{
    display: block;
}

.howitworks .howitworksItem .howitworksTitle
{
    font-size: 18px;
    color: rgb(189, 74, 122);
    display: block;
    text-align: left;
    margin-left: 16px;
    margin-right: 16px;
    font-family: 'Nunito';
    margin-bottom: 6px;

}

.howitworks .howitworksItem .howitworksContent
{
    margin-bottom: 16px;
    text-align: left;
    margin-left: 16px;
    margin-right: 16px;
}

.howitworks .howitworksItem .howitworksContentTitle
{
    color: rgb(189 74 122);
    text-align: left;
    margin-left: 16px;
    margin-right: 16px;
}

/*instructions*/

    .instructions
    {
        font-family: "roboto";
        
        
    }
    @media (min-width: 900px) {
    .instructions {
       margin-left: auto;
       margin-right: auto;
       max-width: 800px;
    }}

    .instructions .quip
    {
        font-family: "nunito";
        font-size: 50px;
        margin: 15px;
    }
    .instructions .traileruseguide
    {
        font-family: "roboto";
        font-size: 30px;
        margin: 15px;
    }
    .instructions .warningmsg
    {
        
        margin: 50px;
    }

    .instructions .warningmsg .warningicon
    {
        font-size: 50px;
    }

    .instructions .warningmsg .warning
    {
        font-size: 30px;
    }

    .instructions .instructionbody
    {
        margin: 50px;
    }
    .instructions .instructionbody .pickup
    {
        font-size: 30px;
    }
    

    .instructions .instructionbody .pickup .pickupitems
    {
        font-size: 15px;
    }

    .instructions .instructionbody .pickup .pickupitems .visualinspection .inspectionitem
    {
        margin-left: 25px;
    }

    .instructions .instructionbody .pickup .pickupitems .hitch .hitchitems .hitchitem
    {
        margin-left: 25px;
    }

    .instructions .instructionbody .pickup .pickupitems .coupling .couplingitems .couplingitem
    {
        margin-left: 25px;
    }

    .instructions .instructionbody .pickup .pickupitems .coupling .couplingitems .noticebox
    {
        border: 3px solid black;
        border-radius: 5px;
        margin: 15px;
        text-align: center;
        
    }

    .instructions .instructionbody .pickup .pickupitems .coupling .couplingitems .alertbox
    {
        border: 3px solid black;
        border-radius: 5px;
        margin: 15px;
        text-align: center;
        
        
    }
    .instructions .instructionbody .pickup .pickupitems .coupling .couplingitems .noticebox .noticewarning
    {
        margin: 15px;

    }

    .instructions .instructionbody .pickup .pickupitems .coupling .couplingitems .couplinginstructions .couplinginstructionitem
    {
        margin-left: 25px;

    }

    .instructions .instructionbody .pickup .pickupitems .coupling .couplingitems .alertbox .hitchwarning
    {
        margin: 15px;
    }

    .instructions .instructionbody .pickup .pickupitems .coupling .couplingitems .tongueweight .tongueweighttable
    {
        border: 3px solid black;
        border-radius: 5px;
        text-align: center;

    }

    .instructions .instructionbody .pickup .pickupitems .coupling .couplingitems .tongueweight .tongueweighttable .columnnames
    {
        border-top: 3px solid black;
    }

    .instructions .instructionbody .pickup .pickupitems .coupling .couplingitems .couplinginstructions .electricitem
    {
        margin-left: 35px;
    }

    .instructions .instructionbody .pickup .pickupitems .coupling .couplingitems .couplinginstructions .safetychainsitem
    {
        margin-left: 35px;
    }
    .instructions .instructionbody .pickup .pickupitems .coupling .couplingitems .loading .loadingitem
    {
        margin-left: 25px;

    }

    .instructions .instructionbody .pickup .pickupitems .coupling .couplingitems .uncoupling .uncouplingitem 
    {
        margin-left: 25px;
    }









/*FOOTER SECTION | FOOTER SECTION | FOOTER SECTION | FOOTER SECTION | FOOTER SECTION*/
footer 
{
    position: relative;
    width: 100%;
    height: auto;
    padding: 10%;
    background: black;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: wrap;
    color: white;
    
}
footer a
{
    color: white;
}
footer .container
{
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;

}
footer .container .footer-top
{
    text-align: left;
    font-family: "nunito";
    width: 100%;
    transition: transform .001s linear !important;
    padding-bottom: 30px;

}
/* static ABOUT menu styles */

footer .container .footer-nav .about-column h3
{
    padding-bottom: 15px;
}

footer .container .footer-nav .about-column .about-menu 
{
    width: 100%;
}

footer .container .footer-nav .about-column .about-menu .about-item
{
    padding-bottom: 10px;
    list-style-type: none;
}


/* static SERVICE menu styles */
footer .container .footer-nav .service-column h3
{
    padding-bottom: 15px;
}

footer .container .footer-nav .service-column .service-menu
{
    width: 100%;
}

footer .container .footer-nav .service-column .service-menu .service-item
{
    padding-bottom: 10px;
    list-style-type: none;
}


/* static RETURN menu styles */
footer .container .footer-nav .return-column h3 
{
    margin-bottom: 15px;
}

footer .container .footer-nav .return-column .return-menu
{
    color: white;

}

footer .container .footer-nav .return-column .return-menu .footerSearch
{
    margin: 5px;
    border: none;
    padding: 5px;
    border-radius: 3px;
}

#citySearchBox
{
    width: 78px;
}

/* desktop screen size */

@media screen and (min-width: 820px)
{   
    footer .container 
    {
        font-family: "Poppins";
        display: block;
        margin-left: auto;
        margin-right: auto;
        
    }
    
    footer .container .footer-nav
    {
        display: inline-flex;
        padding-bottom: 50px;
        width: 100%;
        /*text-align: center;*/
    }

    /* social menu */

    footer .container .footer-nav .social-column
    {
        padding: 20px;
        padding-left: 40px;
    }

    footer .container .footer-nav .social-column .icons a
    {
        font-size: 30px;
        padding: 5px;
        padding-left: 10px;

    }

    /* about menu */

    footer .container .footer-nav .about-column
    {
        margin-left: 15%;
    }

    /* service menu */

    footer .container .footer-nav .service-column
    {
        margin-left: 15%;
    }

    /* return menu */

    footer .container .footer-nav .return-column
    {
        margin-left: 15%;
    }



    /* bottom footer */

    footer .container .footer-bottom 
    {
        display: inline-flex;
        border-top: 1px solid #393939;
        width: 100%;
        padding-top: 20px;
    }

    footer .container .footer-bottom .footer-item
    {
        margin-right: 15px;
    }



}


/* mobile screen size */

@media screen and (max-width: 820px)
{
    footer .container
    {
        font-family: "Poppins";
    }

    footer .container .footer-nav
    {
        padding-bottom: 50px;
        width: 100%;
    }

    footer .container .footer-nav .social-column
    {
        padding-bottom: 30px;

    }

    footer .container .footer-nav .social-column .icons a
    {
        font-size: 30px;
        padding: 5px;
    }

    /* about menu */

    footer .container .footer-nav .about-column
    {
        padding-bottom: 30px;
    }

    /* service menu */

    footer .container .footer-nav .service-column
    {
        padding-bottom: 30px;
    }

    /* return menu */

   

    /* bottom footer */

    footer .container .footer-bottom 
    {
        border-top: 1px solid #393939;
        width: 100%;
        padding-top: 20px;
    }

    footer .container .footer-bottom .footer-item
    {
        padding-bottom: 10px;
    }
 
}

/*out of service area + out of service area + out of service area + out of service area + out of service area + out of service area*/

.servicecontent 
{
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
    padding-top: 40px;
    padding-bottom: 40px;
}
@media (max-width: 500px) {
    .servicecontent {
       padding-left: 10px;
       padding-right: 10px;
       padding-top: 40px;
       padding-bottom: 40px;
    }}


.servicecontent .cityitem 
{
    color: rgb(189, 74, 122);
    padding: 10px;
    display: block; 
    font-family:"nunito"; 
    margin-left: 40px;

}

.servicecontent .altreturn
{
    background-color: rgb(189, 74, 122); 
    width: 95%; 
    padding: 15px; 
    color: white; 
    font-family:"roboto"; 
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

/*Return success return success return success return success return success*/

.successcontent
{
margin-left: auto;
margin-right: auto;
max-width: 500px;
padding-top: 40px;
padding-bottom: 40px;
}

.successcontent .successmsg
{
font-family: 'nunito';
font-size: 35px;
color: rgb(189, 74, 122); 
margin-left: 10px;
margin-right: 10px;
}
.successcontent .info 
{
font-family: 'roboto';
font-size: 15px;
color: black; 
margin-left: 20px; 
margin-right: 20px;
}

/*return failed return failed return failed*/

.failedcontent
{
margin-left: auto;
margin-right: auto;
max-width: 500px;
padding-top: 40px;
padding-bottom: 40px;
}

.failedcontent .failmsg
{
font-family: 'nunito';
font-size: 35px;
color: rgb(189, 74, 122);
margin-left: 10px;
margin-right: 10px;
}
.failedcontent .info 
{
font-family: 'roboto';
font-size: 15px;
color: black; 
margin-left: 20px; 
margin-right: 20px;
}

/*privacy privacy privacy privacy privacy privacy privacy privacy privacy privacy privacy privacy privacy privacy*/

.privacycontainer
{
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
    padding-top: 40px;
    padding-bottom: 40px;
        
}    

.privacycontainer .privacyheading
{
    font-family: nunito;
    font-size: 36px;
    color: rgb(189, 74, 122);
    margin-left: 10px;
    margin-right: 10px;    
}

.privacycontainer .privacyitem
{
    font-family: roboto;
    font-size: 15px;
    color: black; 
    margin-left: 20px;
    margin-right: 10px;
}

.privacycontainer .privacylistitem
{
    font-family: roboto;
    font-size: 15px;
    color: black; 
    margin-left: 25px;
    margin-right: 10px;
}

/*faqs faqs faqs faqs faqs faqs faqs faqs faqs faqs faqs faqs faqs faqs faqs faqs */

.faqscontainer
{
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
    padding-top: 40px;
    padding-bottom: 40px;

}

.faqscontainer .faqstitle
{
    font-family: nunito;
    font-size: 36px;
    color: rgb(189, 74, 122);
    margin-left: 10px;
    margin-right: 10px; 

}

.faqscontainer .question
{
    font-family: roboto;
    font-size: 15px;
    color: rgb(189, 74, 122); 
    margin-left: 20px;
    margin-right: 10px;

}

.faqscontainer .answer
{
    font-family: roboto;
    font-size: 15px;
    color: black; 
    margin-left: 25px;
    margin-right: 10px;

}

/*agreement agreement agreement agreement agreement*/

.agreementcontainer
{
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
    padding-top: 40px;
    padding-bottom: 40px;
    color: black;
}

.agreementcontainer .agreementhead
{
    font-family: nunito;
    font-size: 26px;
    margin-left: 10px;
    margin-right: 10px; 
}

.agreementcontainer .agreementdate
{
    font-family: roboto;
    font-size: 15px;
    margin-left: 20px;
    margin-right: 10px;
}

.agreementcontainer .agreementitem
{
    font-family: roboto;
    font-size: 15px;
    margin-left: 20px;
    margin-right: 10px;
}

.agreementcontainer .agreementlist
{
    font-family: roboto;
    font-size: 15px;
    margin-left: 25px;
    margin-right: 10px;
}

/*qsamta blog articles*/
.agreementcontainer .qsamtabloghead
{
    font-family: poppins;
    font-size: 26px;
    margin-left: 10px;
    margin-right: 10px; 
}

.agreementcontainer .qsamtablogheadsmall
{
    font-family: poppins;
    font-size: 18px;
    margin-left: 10px;
    margin-right: 10px; 
}

.agreementcontainer .qsamtablogdate
{
    font-family: poppins;
    font-size: 15px;
    margin-left: 20px;
    margin-right: 10px;
}

.agreementcontainer .qsamtablogitem
{
    font-family: poppins;
    font-size: 15px;
    margin-left: 20px;
    margin-right: 10px;
}

.agreementcontainer .qsamtabloglistdisc
{
    font-family: poppins;
    font-size: 15px;
    margin-left: 25px;
    margin-right: 10px;
    list-style-type: disc;
}

.agreementcontainer .qsamtabloglistnumber
{
    font-family: poppins;
    font-size: 15px;
    margin-left: 25px;
    margin-right: 10px;
    list-style-type: decimal;
}
    

/*not available not available not available quip not available*/
.notavailablecontainer 
{
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
    padding-top: 40px;
    padding-bottom: 40px;

}

.notavailablecontainer .notavailabletitle
{
    font-family: nunito;
    font-size: 36px;
    color: rgb(189, 74, 122);
    margin-left: 10px;
    margin-right: 10px; 

}

.notavailablecontainer .notavailablecontent
{
    font-family: roboto;
    font-size: 15px;
    color: black; 
    margin-left: 25px;
    margin-right: 10px;

}

/*about about about about about about about*/

.aboutcontainer 
{
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
    padding-top: 100px;
     padding-bottom: 100px;

}

.aboutcontainer .abouttitle
{
    font-family: nunito;
    font-size: 36px;
    color: black;
    margin-left: 10px;
     margin-right: 10px; 

}

.aboutcontainer .abouttitleqsamta
{
    font-family: poppins;
    font-size: 36px;
    color: black;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 18px;

}

.aboutcontainer .aboutcontent
{
    font-family: roboto;
    font-size: 15px;
    color: black; 
    margin-left: 25px;
     margin-right: 10px;

}

.aboutcontainer .aboutcontentlarge
{
    font-family: poppins;
    font-size: 19px;
    color: black; 
    margin-left: 25px;
    margin-right: 10px;
    margin-bottom: 12px;

}

.aboutcontainer .aboutcontentsubheader
{
    font-family: poppins;
    font-size: 26px;
    color: black; 
    margin-left: 25px;
    margin-right: 10px;
    margin-bottom: 12px;

}

.aboutcontainer .aboutcontentqsamta
{
    font-family: poppins;
    font-size: 15px;
    color: black; 
    margin-left: 25px;
    margin-right: 10px;
    margin-bottom: 12px;

}

.aboutcontainer .aboutcontentqsamtatab
{
    font-family: poppins;
    font-size: 15px;
    color: black; 
    margin-left: 35px;
    margin-right: 10px;
    margin-bottom: 12px;

}



/* map map map map map map map map map*/

.mapmode
{
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;

}

@media (max-width: 1050px) {
    .mapmode {

        padding-left: 10px;
        padding-right: 10px;
       
    }
}


/*confirm return page */

.confirmreturncontainer 
{
    margin-left: auto;
    margin-right: auto;
    max-width: 250px;
    padding-top: 100px;
    font-family: roboto;
}
.confirmreturncontainer .returnbox
{
    box-shadow: 0 0 5px rgba(0,0,0,0.16) !important;
    border-radius: 5px;
    margin: 15px;
    padding: 15px;
}

.confirmreturncontainer .returntitle
{
    margin-bottom: 15px;
}

.confirmreturncontainer .returnimg
{
    text-align: center;
    margin-bottom: 15px;
}

.confirmreturncontainer .quipid
{
    margin-bottom: 15px;
}

.confirmreturncontainer .returndesc 
{
    margin-bottom: 15px;
}

.confirmreturncontainer .returnbtn
{
    font-family: nunito;
    padding: 15px;
    border-radius: 3px;
    background-color: rgb(189, 74, 122);
    text-align: center;
    display: block;
 
}



/*terms terms terms*/
.termscontainer
{
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
    padding-top: 40px;
    padding-bottom: 40px;
    font-family: "Poppins";
        
}    

.termscontainer .termsheading
{
    font-family: "Nunito";
    font-size: 26px;
    margin-left: 10px;
    margin-right: 10px;  
}

.termscontainer .termsitem
{
    font-family: roboto;
    font-size: 15px;
    color: black; 
    margin-left: 20px;
    margin-right: 10px;
    margin-top: 16px;
    
}

.termscontainer .termsitemtitle
{
    font-family: roboto;
    font-size: 15px;
    color: black; 
    margin-left: 20px;
    margin-right: 10px;
    margin-top: 24px;
}

.termscontainer .termslistitem
{
    font-family: roboto;
    font-size: 15px;
    color: black; 
    margin-left: 25px;
    margin-right: 10px;
    margin-top: 8px;
}

/*confirmation confirmation confirmation confirmation confirmation confirmation*/

.confirmationcontainer
{
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
    padding-top: 40px;
    padding-bottom: 40px;
        
}    

.confirmationcontainer .confirmationheading
{
    font-family: nunito;
    font-size: 36px;
    color: rgb(189, 74, 122);
    margin-left: 10px;
    margin-right: 10px;    
}

.confirmationcontainer .confirmationitem
{
    font-family: roboto;
    font-size: 15px;
    color: black; 
    margin-left: 20px;
    margin-right: 10px;
}

.confirmationcontainer .confirmationlistitem
{
    font-family: roboto;
    font-size: 15px;
    color: black; 
    margin-left: 25px;
    margin-right: 10px;
}
 
/*rebates rebates rebates rebates rebates rebates rebates*/

.rebatecontainer
{
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
    padding-top: 40px;
    padding-bottom: 40px;
        
}    

.rebatecontainer .rebateheading
{
    font-family: nunito;
    font-size: 36px;
    color: rgb(189, 74, 122);
    margin-left: 10px;
    margin-right: 10px;    
}

.rebatecontainer .rebateitem
{
    font-family: roboto;
    font-size: 15px;
    color: black; 
    margin-left: 20px;
    margin-right: 10px;
}

.rebatecontainer .rebatelistitem
{
    font-family: roboto;
    font-size: 15px;
    color: black; 
    margin-left: 25px;
    margin-right: 10px;
}
 
/*guides guides guides guides guides guides guides*/

.guidescontainer
{
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
    padding-top: 40px;
    padding-bottom: 40px;
        
}    

.guidescontainer .guidesheading
{
    font-family: nunito;
    font-size: 36px;
    color: rgb(189, 74, 122);
    margin-left: 10px;
    margin-right: 10px;    
}

.guidescontainer .img img
{
    height: 100%; 
    width: 100%;
    padding-left: 100px;
    padding-right: 100px;;
}


.guidescontainer .guidesitem
{
    font-family: roboto;
    font-size: 15px;
    color: black; 
    margin-left: 20px;
    margin-right: 10px;
}

.guidescontainer .guideslistitem
{
    font-family: roboto;
    font-size: 15px;
    color: black; 
    margin-left: 25px;
    margin-right: 10px;
}

/*qr return form*/
.qremailformwrapper
{
    text-align: center;
}
.qremailformwrapper .qremailformcontainer
{
    padding: 30px;
    
    display: inline-block;
    box-shadow: 0 0 5px rgba(0,0,0,0.16);
    background-color: rgb(189, 74, 122);
    border-radius: 5px;
    margin-top: 50px;
    margin-bottom: 50px;
    font-family: "roboto";

}
.qremailformwrapper .qremailformcontainer .form-wrapper
{
   
}
.qremailformwrapper .qremailformcontainer .form-wrapper .enteremailform .formtitle
{
    color: white;
}



/* listings */
 
.myquipsContent 
{
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
}

.myquipsContent .myquipsContentWrapper
{
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    font-family: 'Poppins';
}

.myquipsContent .myquipsContentWrapper .contentcolumn
{
    display: inline-flex;
    justify-content: space-around;
}

@media screen and (min-width: 500px)
{
    #s4fe5f
    {
        float: left;
    }

    #s4ehfd
    {
        float: right;

    }

}

.myquipsContent .myquipsContentWrapper .contentcolumn .notificationPanel 
{
    max-width: 595px;
    
    margin-top: 30px;
    text-align: center;
    
}

.myquipsContent .myquipsContentWrapper .contentcolumn .notificationPanel  .profileItem
{
    text-align: -webkit-center;
}

.myquipsContent .myquipsContentWrapper .contentcolumn .notificationPanel  .profileItem .profileImage
{
    height: 100px;
    width: 100px;
    margin: 12px;
}

.myquipsContent .myquipsContentWrapper .contentcolumn .notificationPanel  .profileItem .profileImage .image img
{
    width: 100%;
    height: auto;
    
}



.myquipsContent .myquipsContentWrapper .greetingWrapper
{
    text-align: left;
    
}

@media screen and (max-width: 840px)
{ 
    .myquipsContent .myquipsContentWrapper .greetingWrapper
    {
        margin-left: 20px;

    }
}    


.myquipsContent .myquipsContentWrapper .greetingWrapper .greeting
{
    color: rgb(189, 74, 122);
    font-family: "nunito";
    font-size: 32px;
    overflow: hidden;
    display: inline-block;

}

.myquipsContent .myquipsContentWrapper .contentcolumn .notificationPanel .reviews
{
    font-family: "poppins";
    margin-bottom: 20px;
    text-align: center;
}

.myquipsContent .myquipsContentWrapper .contentcolumn .notificationPanel .reviews .starsWrapper 
{}

.myquipsContent .myquipsContentWrapper .contentcolumn .notificationPanel .reviews .starsWrapper .hostRating
{
    display: inline-block;
}

.myquipsContent .myquipsContentWrapper .contentcolumn .notificationPanel .reviews .starsWrapper .hostRating .ratingStars
{}

.myquipsContent .myquipsContentWrapper .contentcolumn .notificationPanel .reviews .starsWrapper .hostRating .ratingStars .starImage
{}

.myquipsContent .myquipsContentWrapper .contentcolumn .notificationPanel .reviews .starsWrapper .hostRating .ratingStars .starImage img
{
    height: auto;
    width: 100px;
}

.myquipsContent .myquipsContentWrapper .contentcolumn .notificationPanel .reviews .starsWrapper .hostRating .ratingLink
{
    color: rgb(189, 74, 122);
    font-size: 14px;
}

.myquipsContent .myquipsContentWrapper .contentcolumn .notificationPanel .upcomingRentals
{
    font-family: "poppins";
}

.myquipsContent .myquipsContentWrapper .contentcolumn .notificationPanel .upcomingRentals .upcomingHeading
{}

.myquipsContent .myquipsContentWrapper .contentcolumn .notificationPanel .upcomingRentals .notificationBox
{
    font-size: 14px;
    text-align: center;
}

.myquipsContent .myquipsContentWrapper .contentcolumn .notificationPanel .upcomingRentals .notificationBox
{
    border-radius: 4px;
    max-width: 120px;
    box-shadow: 0 0 5px rgba(0,0,0,0.16) !important;
    margin: 20px;
}

@media screen and (max-width: 758px)
{ 
    .myquipsContent .myquipsContentWrapper .contentcolumn .notificationPanel .upcomingRentals .notificationBox
    {
        display: inline-flex;

    }
} 

.myquipsContent .myquipsContentWrapper .contentcolumn .notificationPanel .upcomingRentals .notificationBox .boxContent
{
    padding: 10px;
}

.myquipsContent .myquipsContentWrapper .contentcolumn .notificationPanel .upcomingRentals .notificationBox .boxContent .boxInfo
{
    word-break: break-word;
}

.myquipsContent .myquipsContentWrapper .contentcolumn .notificationPanel .upcomingRentals .notificationBox .boxContent .boxInfo a
{
    color: rgb(189, 74, 122);
}

.myquipsContent .myquipsContentWrapper .contentcolumn .notificationPanel .upcomingRentals .notificationBox .boxContent .date
{}

.myquipsContent .myquipsContentWrapper .contentcolumn .notificationPanel .upcomingRentals .notificationBox .boxContent .messageBox
{}

.myquipsContent .myquipsContentWrapper .contentcolumn .notificationPanel .upcomingRentals .notificationBox .boxContent .messageBox .messageLink a
{
    color: white; 
    background-color: rgb(189, 74, 122);
    padding: 3px; 
    border-radius: 4px;
}

.myquipsContent .myquipsContentWrapper .contentcolumn .notificationPanel
{

}

.myquipsContent .myquipsContentWrapper .contentcolumn .notificationPanel .listingsRentingNavigation
{
    font-family: "Poppins";
    font-size: 14px;
    color: rgb(189, 74, 122);
    text-align: -webkit-right;
    margin-right: 30px;
}

.myquipsContent .myquipsContentWrapper .contentcolumn .notificationPanel .mylistingsCreate
{
    text-align: -webkit-right;
    margin-right: 50px;

}

@media screen and (max-width: 595px)
{ 
    .myquipsContent .myquipsContentWrapper .contentcolumn .notificationPanel .mylistingsCreate
    {
        text-align: center;
        margin-right: 0px;

    }
} 



.myquipsContent .myquipsContentWrapper .contentcolumn .notificationPanel .mylistingsCreate a
{
    font-family: "Poppins";
    font-size: 14px;
    color: rgb(189, 74, 122);
    
}

.myquipsContent .myquipsContentWrapper .contentcolumn .notificationPanel .listingItem
{
    display: inline-block;
    vertical-align: top;
}

.myquipsContent .myquipsContentWrapper .contentcolumn .notificationPanel .listingItem .listingWrapper
{
    box-shadow: 0 0 5px rgba(0,0,0,0.16) !important;
    border-radius: 5px;
    margin: 15px;
    padding: 15px;
}


.myquipsContent .myquipsContentWrapper .myquipsContentWrapper .contentcolumn .notificationPanel .listingItem .listingWrapper .listingContent 
{}

.myquipsContent .myquipsContentWrapper .contentcolumn .notificationPanel .listingItem .listingWrapper .listingContent .priceAndEdit
{
    display: table;
}

.myquipsContent .myquipsContentWrapper .contentcolumn .notificationPanel .listingItem .listingWrapper .listingContent .priceAndEdit .listingPrice
{
    float: left;
}

.myquipsContent .myquipsContentWrapper .contentcolumn .notificationPanel .listingItem .listingWrapper .listingContent .priceAndEdit .listingPrice .pricebox
{
    padding: 5px;
    border-radius: 3px;
    background-color: rgb(189, 74, 122);
    font-family: "poppins";
    font-size: 11px;
    color: white;
    position: absolute;
}

.myquipsContent .myquipsContentWrapper .contentcolumn .notificationPanel .listingItem .listingWrapper .listingContent .priceAndEdit .listingPrice .pricebox .price
{}


.myquipsContent .myquipsContentWrapper .contentcolumn .notificationPanel .listingItem .listingWrapper .listingContent .priceAndEdit .listingEdit
{

}

.myquipsContent .myquipsContentWrapper .contentcolumn .notificationPanel .listingItem .listingWrapper .listingContent .priceAndEdit .listingEdit .editbox
{
    padding: 5px;
    border-radius: 3px;
    background-color: rgb(189, 74, 122);
    font-family: "poppins";
    font-size: 15px;
    color: white;
    margin-bottom: 5px;


}


.myquipsContent .myquipsContentWrapper .contentcolumn .contentcolumn .notificationPanel .listingItem .listingWrapper .listingContent .priceAndEdit .listingEdit .editbox .edit
{}

.myquipsContent .myquipsContentWrapper .contentcolumn .notificationPanel .listingItem .listingWrapper .listingContent .priceAndEdit .listingEdit .editbox .edit a
{
    color: white;
}

.myquipsContent .myquipsContentWrapper .contentcolumn .notificationPanel .listingItem .listingWrapper .listingContent .priceAndEdit .listingStatusActive
{
    font-size: 16px;
    color: lightseagreen;
    text-align: end;
    font-family: 'Nunito';
}

.myquipsContent .myquipsContentWrapper .contentcolumn .notificationPanel .listingItem .listingWrapper .listingContent .priceAndEdit .listingStatusInactive
{
    font-size: 16px;
    color: lightgray;
    text-align: end;
    font-family: 'Nunito';
}

.myquipsContent .myquipsContentWrapper .contentcolumn .notificationPanel .listingItem .listingWrapper .listingContent .listingImage
{}

.myquipsContent .myquipsContentWrapper .contentcolumn .notificationPanel .listingItem .listingWrapper .listingContent .listingImage .imageBox
{
    width: 200px;
    height: 200px;
}

.myquipsContent .myquipsContentWrapper .contentcolumn .notificationPanel .listingItem .listingWrapper .listingContent .listingImage .imageBox .image
{
   
}

.myquipsContent .myquipsContentWrapper .contentcolumn .notificationPanel .listingItem .listingWrapper .listingContent .listingImage .imageBox .image img
{
    width: 100%;
    height: auto;
    overflow: hidden;
    
}

.myquipsContent .myquipsContentWrapper .contentcolumn .notificationPanel .listingItem .listingWrapper .listingContent .listingdescription
{
    margin: 5px;
    font-family: "Poppins";
    color: rgb(59, 59, 59);
}


/*create a listing create a listing create a listing create a listing create a listing*/

.createListingContainer
{
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
    margin-top: 30px;
    margin-bottom: 30px;
    font-family: "Poppins";
}

@media screen and (max-width: 750px)
{ 
    .createListingContainer
    {
        margin-left: 20px;
        margin-right: 20px;

    }
}    


.createListingContainer .formHeading
{
    font-family: "Nunito";
    color: rgb(189, 74, 122);
    font-size: 24px;
}

.createListingContainer .formWrapper
{
    
}

.createListingContainer .formWrapper .field
{
    font-family: "Poppins";
    padding: 2px;
    margin: 12px;
    display: block;
}

.createListingContainer .formWrapper .box
{
    display: inline;
    font-family: "Poppins";
    padding: 2px;
    margin-top: 9px;
    margin-bottom: 9px;
    
}

.createListingContainer .formWrapper .box .paymentimg
{
    width: 150px;
    display: inline-block;
}

.createListingContainer .formWrapper .box .paymentimg img
{
    width: 100%;
    height: auto;
    vertical-align: middle;
    margin: 2px;
    
}



.createListingContainer .formWrapper .boxText
{
    display: inline;
    font-family: "Poppins";
    padding: 2px;
    margin: 12px;
    
}



@media screen and (max-width: 402px)
{ 
    .createListingContainer .formWrapper .boxText
    {
        display: none;
        

    }
} 



.createListingContainer .formWrapper .boxDes
{
    display: inline-block;
    font-family: "Poppins";
    padding: 2px;
    width: 110px;
    height: 25px;
    margin-left: 7px;

    
}

#tax1
{
    width: 60px;
}

#tax2
{
    width: 60px;
}

    

.createListingContainer .formWrapper .sectionLabel
{
    display: block;
    font-family: "Nunito";
    font-size: 16px;
    margin-top: 24px;
    color: rgb(189, 74, 122);
}

.createListingContainer .formWrapper .sectionDesc
{
    margin-top: 4px;
    margin-bottom: 4px;
    display: inline-block;
    font-family: "Poppins";
    font-size: 11px;
    color: rgb(59, 59, 59);
}
/*slider button*/
.createListingContainer .formWrapper .switch 
{
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}
  
.createListingContainer .formWrapper .switch input 
{ 
    opacity: 0;
    width: 0;
    height: 0;
}
  
.createListingContainer .formWrapper .slider 
{
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}
  
.createListingContainer .formWrapper .slider:before 
{
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
  
.createListingContainer .formWrapper input:checked + .slider 
{
    background-color: #2196F3;
}
  
.createListingContainer .formWrapper input:focus + .slider 
{
    box-shadow: 0 0 1px #2196F3;
}
  
.createListingContainer .formWrapper input:checked + .slider:before 
{
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
  
/* Rounded sliders */
.createListingContainer .formWrapper .slider.round 
{
    border-radius: 34px;
}
  
.createListingContainer .formWrapper .slider.round:before 
{
    border-radius: 50%;
}

.createListingContainer .formWrapper .sectionDesc a
{
    color: rgb(189, 74, 122);
}

.createListingContainer .formWrapper .coordinates
{
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    bottom: 40px;
    left: 10px;
    padding: 5px 10px;
    margin: 0;
    font-size: 11px;
    line-height: 18px;
    border-radius: 3px;
    display: none;
}

#map 
{
    position: relative; top: 0; bottom: 0; width: 100%; height: 400px; 
}


/*profile settings profile setings profile settings profile settings*/

.profileContainer
{
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.profileContainer .column
{
    display: inline-block;
    padding: 40px;
    max-width: 348px;
    width: 100%;
    vertical-align: top;
}

.profileContainer .column .profileColumn
{
    font-family: "Poppins";
    color: rgb(78, 78, 78);
    font-size: 14px;
    text-align: left;
}


.profileContainer .column .profileColumn .profileItem
{
    text-align: -webkit-center;
    
}

.profileContainer .column .profileColumn .profileItem .profileImage
{
    height: 100px;
    width: 100px;
    margin: 12px;
}

.profileContainer .column .profileColumn .profileItem .profileImage .gearIcon
{
    height: 30px;
    position: absolute;
}

.profileContainer .column .profileColumn .profileItem .profileImage .gearIcon img
{
    height: 100%;
}


.profileContainer .column .profileColumn .profileItem .profileImage .image img
{
    width: 100%;
    height: auto;
    padding: 5px;
    
}

.profileContainer .column .profileColumn .profileItem .email
{
    font-size: 16px;
    font-family: 'Nunito';
}

.profileContainer .column .profileColumn .profileItem .createdTime
{}

.profileContainer .column .profileColumn .profileItem .logoutLinkSettings
{
    margin-top: 20px;
}

.profileContainer .column .profileColumn .profileItem .logoutLinkSettings a
{
    color: white;
    background-color: rgb(189 74 122);
    padding: 5px;
    border-radius: 2px;
}

.profileContainer .column .settingsColumn
{
   
}

.profileContainer .column .settingsColumn .settingBox
{
    display: block;
    font-family: "Poppins";
    padding: 2px;
    margin-bottom: 18px;
    color: rgb(78, 78, 78);
}

.profileContainer .column .settingsColumn .title
{
    display: block;
    font-family: "Poppins";
    padding: 2px;
    color: rgb(189, 74, 122);
    font-size: 13px;
    text-align: left;

}

.profileContainer .column .settingsColumn .titledesc
{
    display: block;
    max-width: 200px;
    font-family: "Poppins";
    padding: 2px;
    color: rgb(46, 46, 46);
    font-size: 11px;
    text-align: left;

}

.profileContainer .column .settingsColumn .savebutton
{
    display: block;
    font-family: "Poppins";
    padding: 5px;
    color: rgb(46, 46, 46);
    font-size: 12px;
    text-align: left;

}

/*upload images upload images upload images upload images*/

.uploadcontainer 
{
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.uploadcontainer .uploadheading
{
    font-family: "Nunito";
    color: rgb(189, 74, 122);
    font-size: 24px;
}

.uploadcontainer .imgerror
{
    font-family: "Poppins";
    color: black;
    font-size: 14px;
}

.uploadcontainer .changeimg
{
    font-family: "Poppins";
    color: black;
    font-size: 11px; 
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4px;
}

.uploadcontainer .uploadbox
{
    box-shadow: 0 0 5px rgb(189, 74, 122) !important;
    border-radius: 5px;
    margin: 15px;
    padding: 15px;
    display: inline-block;
    vertical-align: top;

}

.uploadcontainer .uploadbox .imagewrapper
{
    min-height: 135px;

}

.uploadcontainer .uploadbox .imagewrapper img
{
    width: 130px;
    height: auto;
    

}
.uploadcontainer .uploadbox .formcontent
{}

.uploadcontainer .uploadbox .primaryimage
{
    position: absolute;
    color: white;
    font-family: "Poppins";
    font-size: 12px;
    padding: 5px;
    background-color: rgb(189, 74, 122);
    border-radius: 2px;
}

.uploadcontainer .uploadbox .formcontent .imageupload 
{}

.uploadcontainer .uploadbox .formcontent .imageupload .box
{
    font-family: "Poppins";
    font-size: 11px;
    margin: 3px;
    
}

#ds1f6s
{
    font-family: "Poppins";
    padding: 2px;
    margin: 12px;
}


/*booking page */
.bookingsnavigationcontainer
{
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.bookingsnavigationcontainer .bookingnavigationwrapper
{

}

.bookingsnavigationcontainer .bookingnavigationwrapper .bookingnavheading
{
    font-family: "Nunito";
    color: rgb(189, 74, 122);
    font-size: 24px;
}

.bookingsnavigationcontainer .bookingnavigationwrapper .bookingnavboxes
{}

.bookingsnavigationcontainer .bookingnavigationwrapper .bookingnavboxes .navbox
{
    display: inline-block;
    margin: 24px;
    padding: 32px;
    background-color: rgb(189, 74, 122);
    border-radius: 5px;
}



.bookingsnavigationcontainer .bookingnavigationwrapper .bookingnavboxes .navbox .boxcontent a
{
    font-family: "Poppins";
    color: white;
    font-size: 32px;
}

/*host/rent bookings*/


.bookingcontainer
{
    font-family: "Poppins";
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}



.bookingcontainer .bookingwrapper
{

}

.bookingcontainer .bookingwrapper .bookingcolumn
{
    display: inline-block;
    max-width: 570px;
    
}

@media screen and (min-width: 700px)
{ 
    .bookingcontainer .bookingwrapper .bookingcolumn
    {
        /*float: left;*/
        vertical-align: top;
        

    }
}

@media screen and (min-width: 700px)
{
    #d4s6ds
    {
        float: left;
    }

    #d45s6d
    {
        float: right;

    }

}



.bookingcontainer .bookingwrapper .bookingcolumn .notificationPanel 
{
    max-width: 595px; 
    margin-top: 30px;
    text-align: center;
    
}

.bookingcontainer .bookingwrapper .usernameHeading .username
{
    font-family: "Nunito";
    color: rgb(189, 74, 122);
    font-size: 32px;
    
    width: 100%;
}

@media screen and (min-width: 700px)
{ 
    .bookingcontainer .bookingwrapper .usernameHeading .username
    {
        text-align: left;
        

    }
}

.bookingcontainer .bookingwrapper .bookingcolumn .notificationPanel  .profileItem .profileImage
{
    height: 100px;
    width: 100px;
    margin: 12px;
}

.bookingcontainer .bookingwrapper .bookingcolumn .notificationPanel  .profileItem .profileImage .image img
{
    width: 100%;
    height: auto;
    
}

.bookingcontainer .bookingwrapper .bookingcolumn .notificationPanel .reviews
{}

.bookingcontainer .bookingwrapper .bookingcolumn .notificationPanel .reviews .starsWrapper
{}

.bookingcontainer .bookingwrapper .bookingcolumn .notificationPanel .reviews .starsWrapper .hostRating
{
    display: inline-block;
}

.bookingcontainer .bookingwrapper .bookingcolumn .notificationPanel .reviews .starsWrapper .hostRating .ratingStars
{}

.bookingcontainer .bookingwrapper .bookingcolumn .notificationPanel .reviews .starsWrapper .hostRating .ratingStars .starImage
{}

.bookingcontainer .bookingwrapper .bookingcolumn .notificationPanel .reviews .starsWrapper .hostRating .ratingStars .starImage img
{
    height: auto;
    width: 100px;
}

.bookingcontainer .bookingwrapper .bookingcolumn .notificationPanel .reviews .starsWrapper .hostRating .ratingLink
{
    color: rgb(189, 74, 122);
    font-size: 14px;
}

.bookingcontainer .bookingwrapper .bookingcolumn .heading
{
    color: rgb(189, 74, 122);
    font-size: 24px;
    margin-bottom: 30px;
}

.bookingcontainer .bookingwrapper .bookingcolumn .previousBookingsLink
{
    font-size: 11px;
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
}

.bookingcontainer .bookingwrapper .bookingcolumn .previousBookingsLink a
{
    color: rgb(189, 74, 122);
    font-size: 11px;
}

.bookingcontainer .bookingwrapper .bookingcolumn .bookingsList
{
    margin-bottom: 30px;
    margin-top: 30px;
}

.bookingcontainer .bookingwrapper .bookingcolumn .bookingsList .listItem
{
    border-bottom: 1px solid rgb(189, 74, 122);
  
}

.bookingcontainer .bookingwrapper .bookingcolumn .bookingsList .listItem .bookingDetail
{
    display: inline-block;
    font-size: 11px;
    margin: 10px;
    /*height: 100px;
    max-width: 150px;*/
    overflow: hidden;
    text-align: left;
    vertical-align: middle;
}

.bookingcontainer .bookingwrapper .bookingcolumn .bookingsList .listItem .bookingDetail .detailItemButton
{}


.bookingcontainer .bookingwrapper .bookingcolumn .bookingsList .listItem .bookingDetail .detailItemButton .bookingDetailsButtonItem
{
    margin-bottom: 6px;
    background: rgb(189, 74, 122);
    padding: 4px;
    font-size: 11px;
    color: white;
    border-color: white;
    border-radius: 10px;
}


.bookingcontainer .bookingwrapper .bookingcolumn .bookingsList .listItem .bookingDetail .image
{
   height: 100px;
   width: 100px;
}

.bookingcontainer .bookingwrapper .bookingcolumn .bookingsList .listItem .bookingDetail .image img
{
   height: auto;
   width: 100px;
}

#s5fd5d
{
    color: white;
    background-color: #f50000;
    font-size: 14px;
}

/*booking details booking details booking details booking details*/

.bookingDetailsContainer
{
    font-family: "Poppins";
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.bookingDetailsContainer .bookingDetailsHeading
{
    margin: 14px;
    font-size: 26px;
    color: rgb(189, 74, 122);
    text-align: left;
    font-family: 'Nunito';
}

.bookingDetailsContainer .bookingColumn
{
    display: inline-block;
    vertical-align: top;
}

.bookingDetailsContainer .bookingColumn .bookingColumnItem
{
    margin: 15px;
    font-size: 12px;
    text-align: left;
    padding: 4px;
    border: 1px solid rgb(239, 239, 239);
    border-radius: 5px;
    word-break: break-word;
    max-width: 300px;
}

.bookingDetailsContainer .bookingColumn .bookingColumnItem .bookingColumnItemLink
{
    color: rgb(189, 74, 122);
    display: inline-block;
}

#a15613
{
    vertical-align: top;
    margin-top: 2px;
    font-family: 'Nunito';
    font-size: 15px;
}

.bookingDetailsContainer .bookingColumn .bookingColumnItem .bookingColumnItemLink .msgIcon
{
    height: 30px;
    width: auto;
}

.bookingDetailsContainer .bookingColumn .bookingColumnItem .bookingColumnItemLink .msgIcon img
{
    height: 100%;
    width: auto;
}

.bookingDetailsContainer .bookingColumn .bookingColumnItem .productImage
{
    height: 200px;
    width: auto;
}

.bookingDetailsContainer .bookingColumn .bookingColumnItem .productImage img
{
    height: 100%;
    width: auto;
}

.bookingDetailsContainer .bookingColumn .bookingColumnItem .bookingColumnContent
{}

.bookingDetailsContainer .bookingColumn .bookingColumnItem .bookingColumnContent .paymentMethodImage
{
    height: 50px;
    width: 150px;
}

.bookingDetailsContainer .bookingColumn .bookingColumnItem .bookingColumnContent .paymentMethodImage img
{
    height: 100%;
    width: auto;
}

.bookingDetailsContainer .bookingColumn .bookingColumnItem .bookingButton
{
    
}

.bookingDetailsContainer .bookingColumn .bookingColumnItem .bookingButton .button
{
    display: block;
    padding: 4px;
    font-size: 11px;
    border-radius: 3px;
    margin: 6px;
    border: 1px solid rgb(197, 197, 197);
}

#cancelHeading
{
    color: rgb(189, 74, 122);
    font-size: 18px;
}

#bookingDetailsCancel
{
    /*color: white;
    background-color: rgb(189, 74, 122);*/
    border: none;

}

/*password recovery*/


.passRecoverContainer
{
    font-family: "Poppins";
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.passRecoverContainer .passRecoverWrapper
{}

.passRecoverContainer .passRecoverWrapper .recoverItem
{
    display: block;
}

.passRecoverContainer .passRecoverWrapper .recoverItem .recoverHeading
{
    font-family: "Nunito";
    font-size: 24px;
    color: rgb(189, 74, 122);
    
    margin-top: 30px;
    margin-bottom: 30px;
    
}


.passRecoverContainer .passRecoverWrapper .recoverItem .recoverForm
{
    border-radius: 5px;
    background-color: rgb(189, 74, 122);
    padding: 43px;
    
    display: inline-block;
    
}

.passRecoverContainer .passRecoverWrapper .recoverItem .recoverForm .recoverFormItem .recoverFormItemHeading
{
    color: white;
    margin-bottom: 12px;
  
}


.passRecoverContainer .passRecoverWrapper .recoverItem .recoverForm .recoverFormItem
{
    padding: 3px;
    border-radius: 4px;
    border-color: white;

}


/*search*/

.searchContainer
{
    font-family: "Poppins";
    margin-left: auto;
    margin-right: auto;
    max-width: 648px;
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
}

.searchContainer .searchWrapper
{}

.searchContainer .searchWrapper .searchBox
{
    padding-bottom: 32px;
    padding-top: 32px;
    border-radius: 7px;
}


@media screen and (max-width: 387px)
{ 
    .searchContainer .searchWrapper .searchBox
    {
        max-width: 230px;
        margin-left: auto;
        margin-right: auto;

    }
}


.searchContainer .searchWrapper .searchBox .searchParam
{}

.searchContainer .searchWrapper .searchBox .searchParam .searchHeading
{
    font-size: 32px;
    color: rgb(189 74 122);
    font-family: 'Nunito';
    margin-bottom: 20px;
}

.searchContainer .searchWrapper .searchBox .searchParam .searchItem
{
    display: inline-block;
    padding: 2px;
    width: 110px;
    height: 25px;
    margin: 5px;
}

.searchContainer .searchWrapper .searchBox .searchParam .text
{

   
}

@media screen and (max-width: 387px)
{ 
    .searchContainer .searchWrapper .searchBox .searchParam .text
    {
        display: block;
        

    }
}


#searchBar
{
   width: 90%;

}

/*results results results results results*/

.resultsContainer
{
    font-family: "Poppins";
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
    text-align: center;
    color: black;
}

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

.resultsContainer .resultsItem .searchResultContainer
{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-left: 5px;
    padding-right: 5px;
    
}

.resultsContainer .resultsItem .searchResultContainer .searchItem
{
    padding: 2px;
    width: 110px;
    height: 25px;
    margin: 5px;
}

.resultsContainer .resultsItem .searchResultContainer .text
{}

#searchResultBar
{
    width: 60%;
    min-width: 200px;
}

.resultsContainer .resultsItem .resultsItemLink
{
    display: inline-block;
    box-shadow: 0 0 5px rgba(0,0,0,0.16) !important;
    border-radius: 5px;
    margin: 15px;
    vertical-align: top;
}

.resultsContainer .resultsItem .resultsItemLink .resultsContainer
{}

.resultsContainer .resultsItem .resultsItemLink .resultsContainer .listingWrapper
{}

.resultsContainer .resultsItem .resultsItemLink .resultsContainer .listingWrapper .listingContent
{}

.resultsContainer .resultsItem .resultsItemLink .resultsContainer .listingWrapper .listingContent .listingPrice
{}

.resultsContainer .resultsItem .resultsItemLink .resultsContainer .listingWrapper .listingContent .listingPrice .price
{}

.resultsContainer .resultsItem .resultsItemLink .resultsContainer .listingWrapper .listingContent .listingPrice .price .priceBox
{}

.resultsContainer .resultsItem .resultsItemLink .resultsContainer .listingWrapper .listingContent .listingPrice .price .priceBox .itemPrice
{
    text-align: left;
    position: absolute;
    padding: 5px;
    margin: 8px;
    background-color: rgb(189, 74, 122);
    color: white;
    border-radius: 5px;
    font-size: 14px;
}

.resultsContainer .resultsItem .resultsItemLink .resultsContainer .listingWrapper .listingContent .listingImage
{}

.resultsContainer .resultsItem .resultsItemLink .resultsContainer .listingWrapper .listingContent .listingImage .imageBox
{
    width: 200px;
    height: 200px;
}

.resultsContainer .resultsItem .resultsItemLink .resultsContainer .listingWrapper .listingContent .listingImage .imageBox .image
{}

.resultsContainer .resultsItem .resultsItemLink .resultsContainer .listingWrapper .listingContent .listingImage .imageBox .image img
{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 10px;
}

.resultsContainer .resultsItem .resultsItemLink .resultsContainer .listingWrapper .listingContent .listingdescription
{
    overflow: hidden;
    max-width: 200px;
    max-height: 50px;
}

.resultsContainer .resultsItem .resultsItemLink .resultsContainer .listingWrapper .listingContent .listingdescription .city
{
    color: rgb(189, 74, 122);
    font-size: 13px;
    font-family: "Nunito";

}

.resultsContainer .resultsItem .resultsItemLink .resultsContainer .listingWrapper .listingContent .listingdescription .desctext
{
    height: 48px;
    font-size: 13px;
    max-width: 200px;
    word-break: break-word;
    overflow: hidden;
    padding: 5px;
}

/*view listing view listing view listing view listing*/

.productContainer
{
    font-family: "Poppins";
    margin-left: auto;
    margin-right: auto;
    max-width: 810px;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.productContainer .productWrapper
{}

@media screen and (max-width: 805px)
{ 
    .productContainer .productWrapper
    {
        display: inline-flex;
        flex-direction: column-reverse;
    }
}



.productContainer .productWrapper .productHeading
{
    margin: 14px;
    font-size: 26px;
    color: rgb(189, 74, 122);
    text-align: left;
    font-family: 'Nunito';
}

.productContainer .productWrapper .productColumn
{
    display: inline-block;
    max-width: 400px;
    vertical-align: top;
}

@media screen and (min-width: 805px)
{ 
    .productContainer .productWrapper .productColumn    
    {
        min-width: 400px;
    }
}

.productContainer .productWrapper .productColumn .imageColumn
{}

.productContainer .productWrapper .productColumn .imageColumn .columnItem
{
    margin: 8px;
}



.productContainer .productWrapper .productColumn .imageColumn .columnItem .imageBox
{
    height: 200px;
    width: auto;
}

.productContainer .productWrapper .productColumn .imageColumn .columnItem .imageBox img
{
    height: 100%;
    width: auto;
}



/* Slideshow container */
.slideshow-container 
{
    max-width: 1000px;
    position: relative;
    margin: auto;
}
  
/* Next & previous buttons */
.prev, .next 
{
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
} 

/* Position the "next button" to the right */
.next 
{
    right: 0;
    border-radius: 3px 0 0 3px;
}

.prev 
{
    left: 0;
    border-radius: 3px 0 0 3px;
}
  
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover 
{
    background-color: rgba(0,0,0,0.8);
}
  


/* Number text (1/3 etc) dont need */
.numbertext 
{
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}
  
/* The dots/bullets/indicators */
.dot 
{
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}
  
.active, .dot:hover 
{
    background-color: #717171;
}
  
/* Fading animation */
.fade 
{
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}
  
@-webkit-keyframes fade 
{
    from {opacity: .4} 
    to {opacity: 1}
}

@keyframes fade 
{
    from {opacity: .4} 
    to {opacity: 1}
}

.productContainer .productWrapper .productColumn .imageColumn .columnItem .productTitle
{
    color: rgb(189, 74, 122);
    font-size: 18px;
}

.productContainer .productWrapper .productColumn .imageColumn .columnItem .host
{}
  
.productContainer .productWrapper .productColumn .imageColumn .columnItem .host .hostItem
{
    font-size: 12px;

}

.productContainer .productWrapper .productColumn .imageColumn .columnItem .host .hostItem .hostColor
{
    font-size: 24px;

}

.productContainer .productWrapper .productColumn .imageColumn .columnItem .hostRating
{
    display: inline-block;
}

.productContainer .productWrapper .productColumn .imageColumn .columnItem .hostRating .ratingStars
{}

.productContainer .productWrapper .productColumn .imageColumn .columnItem .hostRating .ratingStars .starImage
{}

.productContainer .productWrapper .productColumn .imageColumn .columnItem .hostRating .ratingStars .starImage img
{
    height: auto;
    width: 100px;
}

.productContainer .productWrapper .productColumn .imageColumn .columnItem .hostRating .ratingLink
{
    color: rgb(189, 74, 122);
}

.productContainer .productWrapper .productColumn .imageColumn .columnItem .adBox
{
    padding: 8px;
}

.productContainer .productWrapper .productColumn .imageColumn .columnItem .adBox .adContent
{
    width: 100%;
    height: 400px;
    
}


.productContainer .productWrapper .productColumn .productColumn
{}

.productContainer .productWrapper .productColumn .infoColumn
{}

.productContainer .productWrapper .productColumn .infoColumn .columnItem
{

    margin-bottom: 50px;
    margin-left: 12px;
    margin-right: 12px;
}

.productContainer .productWrapper .productColumn .infoColumn .columnItem .messageBox
{}

.productContainer .productWrapper .productColumn .infoColumn .columnItem .messageBox .messages
{}



.productContainer .productWrapper .productColumn .infoColumn .columnItem .owner
{}

.productContainer .productWrapper .productColumn .infoColumn .columnItem .rateContainer
{
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px;
}

.productContainer .productWrapper .productColumn .infoColumn .columnItem .rateContainer .rateTableHeading
{
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    background-color: rgb(189, 74, 122);
    font-family: 'Nunito';
    color: white;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 3px;
    max-width: 210px;
}

.productContainer .productWrapper .productColumn .infoColumn .columnItem .rateContainer .rateTable
{
    display: inline-flex;
    box-shadow: 0 0 5px rgb(0 0 0 / 16%) !important;
}

.productContainer .productWrapper .productColumn .infoColumn .columnItem .rateContainer .rate
{
    margin: 8px;
}

.productContainer .productWrapper .productColumn .infoColumn .columnItem .rateContainer .rate .rateItems
{
    
}

.productContainer .productWrapper .productColumn .infoColumn .columnItem .rateContainer .rate .rateItems .rateItem
{
    display: inline;
}

.productContainer .productWrapper .productColumn .infoColumn .columnItem .rateContainer .rate .rateItems .type
{}

.productContainer .productWrapper .productColumn .infoColumn .columnItem .rateContainer .rate .rateItems .ratePrice
{}

.productContainer .productWrapper .productColumn .infoColumn .columnItem .ratesDesc
{
    text-align: left;
    font-size: 11px;
    margin-left: auto;
    margin-right: auto;
    max-width: 210px;
}

.productContainer .productWrapper .productColumn .infoColumn .columnItem .deposit
{
    border-radius: 12px;
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
    padding: 8px;
}

.productContainer .productWrapper .productColumn .infoColumn .columnItem .deposit .depositItem
{}

.productContainer .productWrapper .productColumn .infoColumn .columnItem .deposit .depositItem .depositItemHeading
{}

.productContainer .productWrapper .productColumn .infoColumn .columnItem .deposit .depositItem .depositAmount
{
    font-family: 'Nunito';
    color: rgb(189 74 122);
    font-size: 22px;
}



.productContainer .productWrapper .productColumn .infoColumn .columnItem .productDesc
{}


.productContainer .productWrapper .productColumn .infoColumn .columnItem .productDesc .descContent
{}

.productContainer .productWrapper .productColumn .infoColumn .columnItem .productDesc .times
{
    display: inline;
}

.productContainer .productWrapper .productColumn .infoColumn .columnItem .productDesc .time
{
    color: rgb(189, 74, 122);
    display: inline;
}

.productContainer .productWrapper .productColumn .infoColumn .columnItem .paymentMethodsHeading
{
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    background-color: rgb(189, 74, 122);
    width: 100%;
    font-family: 'Nunito';
    color: white;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 3px;
    max-width: 285px;
}

.productContainer .productWrapper .productColumn .infoColumn .columnItem .paymentMethods
{
    max-width: 283px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 0 5px rgb(0 0 0 / 16%) !important;
}

.productContainer .productWrapper .productColumn .infoColumn .columnItem .paymentMethods .paymentMethod
{
    display: inline-block;
}

.productContainer .productWrapper .productColumn .infoColumn .columnItem .paymentMethods .paymentMethod .paymentImage
{
    height: 40px;
    width: auto;
    
}

.productContainer .productWrapper .productColumn .infoColumn .columnItem .paymentMethods .paymentMethod .paymentImage img
{
    height: 100%;
    width: auto;
}

.productContainer .productWrapper .productColumn .infoColumn .columnItem .payDesc
{
    text-align: left;
    font-size: 11px;
    margin-left: auto;
    margin-right: auto;
    max-width: 283px;
}

.productContainer .productWrapper .productColumn .infoColumn .columnItem .linkBox
{}

.productContainer .productWrapper .productColumn .infoColumn .columnItem .linkBox .box
{}

.productContainer .productWrapper .productColumn .infoColumn .columnItem .linkBox .box .iconItem
{
    display: inline-block;
}

.productContainer .productWrapper .productColumn .infoColumn .columnItem .linkBox .box .iconItem .msgIcon
{
    height: 30px;
    width: auto;
}

#s15d6sa
{
    vertical-align: top;
    margin-top: 5px;
    font-size: 15px;
}

.productContainer .productWrapper .productColumn .infoColumn .columnItem .linkBox .box .iconItem .msgIcon img
{
    height: 100%;
    width: auto;
}

.productContainer .productWrapper .productColumn .infoColumn .columnItem .linkBox .box .iconText
{
    color: rgb(189, 74, 122);
    font-family: "Nunito";
    font-size: 14px;
}

.productContainer .productWrapper .productColumn .infoColumn .columnItem .locationBox
{
    background-color: rgb(189, 74, 122);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
    
.productContainer .productWrapper .productColumn .infoColumn .columnItem .locationBox .locationText
{
    text-align: left;
    margin-left: 6px;
    color: white;
    font-size: 16px;
}

.productContainer .productWrapper .productColumn .infoColumn .columnItem .bookingContainer
{
    border-radius: 12px;
    max-width: 200px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid rgb(159 159 159);
    padding: 8px;
}

.productContainer .productWrapper .productColumn .infoColumn .columnItem .readyHeading
{
    color: rgb(189, 74, 122);
    font-family: "Nunito";
    font-size: 16px;
    margin: 8px;
}

.productContainer .productWrapper .productColumn .infoColumn .columnItem .bookingContainer .bookingHeading
{}

.productContainer .productWrapper .productColumn .infoColumn .columnItem .bookingContainer .bookingForm
{
    
}

.productContainer .productWrapper .productColumn .infoColumn .columnItem .bookingContainer .error
{
font-size: 11px;
color: red;
text-align: center;
}

.productContainer .productWrapper .productColumn .infoColumn .columnItem .bookingContainer .bookingForm .formItem
{
    margin: 6px;
    display: block;
    padding: 3px;
}

/*book book book book book book book book book book*/

.bookContainer
{
    font-family: "Poppins";
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.bookContainer .bookWrapper
{
    margin: 8px;
}

.bookContainer .bookWrapper .agreementSection
{
    margin-right: 8px;
    margin-bottom: 40px;
    margin-left: 8px;
}

.bookContainer .bookWrapper .agreementSection .agreementItem
{}

.bookContainer .bookWrapper .agreementSection .agreementItem .agreementHeading
{
text-align: left;
font-family: 'Nunito';
font-size: 20px;
margin-bottom: 8px;
}

.bookContainer .bookWrapper .agreementSection .agreementItem .agreementText
{
    
}


.bookContainer .bookWrapper .agreementSection .agreementItem .agreementBox
{
    text-align: left;
    margin-top: 20px;
}

.bookContainer .bookWrapper .agreementSection .agreementItem .agreementBox .agreementCheck
{
    display: inline;
}

.bookContainer .bookWrapper .agreementSection .agreementItem .agreementBox .agreementCheck .asterisk
{
    display: inline;
    color: red;
}


.bookContainer .bookWrapper .bookColumn
{}

.bookContainer .bookWrapper .bookColumn .bookColumnItem
{
    display: inline-block;
    vertical-align: top;
    max-width: 289px;
    width: 100%;
}

.bookContainer .bookWrapper .bookColumn .bookColumnItem .columnAd
{
    background-color: aliceblue;
    height: 400px;
}

.bookContainer .bookWrapper .bookColumn .bookColumnItem .bookingTimes
{
    margin-left: auto;
    margin-right: auto;
    max-width: 175px;
    margin-top: 40px;
}

.bookContainer .bookWrapper .bookColumn .bookColumnItem .bookingTimes .bookingTime
{}

.bookContainer .bookWrapper .bookColumn .bookColumnItem .bookingTimes .bookingTime .date
{
    font-family: 'Nunito';
    color: rgb(189 74 122);
    font-size: 12px;
    text-align: left;
    margin-top: 16px;
}

.bookContainer .bookWrapper .bookColumn .bookColumnItem .bookingTimes .bookingTime .time
{
    border-radius: 12px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid rgb(159 159 159);
    padding: 8px;
}

.bookContainer .bookWrapper .bookColumn .bookColumnItem .bookingTimes .bookingTime .bookingButton
{}

.bookContainer .bookWrapper .bookColumn .bookColumnItem .bookingTimes .bookingTime .bookingButton .bookingButtonItem
{
    margin-top: 24px;
    padding: 10px;
    background-color: rgb(189 74 122);
    text-align: left;
    color: white;
    border-radius: 12px;
    font-size: 18px;
    border: none;
}


/* message page */

.messagesContainer
{   
    font-family: "Poppins";
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.messagesContainer .messageWrapper 
{
    border: 1px solid rgb(159 159 159);
    border-radius: 20px;
}

.messagesContainer .messageWrapper .messageItem
{
    display: block;
}

.messagesContainer .messageWrapper .messageItem .messageHeading
{
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-color: rgb(189 74 122);
    color: white;
    font-family: 'Nunito';
    padding: 6px;
}


.messagesContainer .messageWrapper .messageItem .messagesBox
{ 
    margin-left: 6px;
    margin-right: 6px;
    overflow: hidden;
    max-height: 400px;
    overflow-y: scroll;
    display: flex;
    flex-direction: column-reverse;
}

.messagesContainer .messageWrapper .messageItem .messagesBox .message
{
    font-size: 11px;
    display: flow-root;
}

.messagesContainer .messageWrapper .messageItem .messagesBox .message .rec
{
    color: black;
    text-align: left;
    float: left;
}

.messagesContainer .messageWrapper .messageItem .messagesBox .message .rec .messageContent
{
    max-width: 110px;
    padding: 6px;
    background-color: #ebeaea;
    border-radius: 10px;
    margin-top: 2px;
    margin-bottom: 2px;


}

.messagesContainer .messageWrapper .messageItem .messagesBox .message .sent
{
    color: white;
    text-align: right;
    float: right;
}

.messagesContainer .messageWrapper .messageItem .messagesBox .message .sent .messageContent
{
    max-width: 110px;
    padding: 6px;
    background-color: rgb(189, 74, 122);;
    border-radius: 10px;
    margin-top: 2px;
    margin-bottom: 2px;

}

.messagesContainer .messageWrapper .messageItem .messageSendForm
{
    background-color: rgb(189 74 122);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.messagesContainer .messageWrapper .messageItem .messageSendForm .messageSendFormWrapper
{
    padding: 6px;
}

.messagesContainer .messageWrapper .messageItem .messageSendForm .messageSendFormWrapper .messageSendItem
{
    display: inline-block;

}

.messagesContainer .messageWrapper .messageItem .messageSendForm .messageSendFormWrapper .messageSendItem .messageFormBox
{
    border: none;
    padding: 6px;
    border-radius: 20px;
    background-color: white;
}

/*messages page (messages directory) */

.messageDirectoryContainer
{
    font-family: "Poppins";
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.messageDirectoryContainer .messageDirectoryHeading
{
    color: rgb(189, 74, 122);
    font-family: "Nunito";
    font-size: 24px;
    margin: 8px;
}

.messageDirectoryContainer .messageDirectoryWrapper
{
    margin-right: 12px;
    margin-bottom: 30px;
    margin-top: 30px;
    margin-left: 12px;
}

.messageDirectoryContainer .messageDirectoryWrapper .directoryItem
{
    display: flex;
}

.messageDirectoryContainer .messageDirectoryWrapper .directoryItem .messageItem
{
    
} 
.messageDirectoryContainer .messageDirectoryWrapper .directoryItem .messageItem .dot
{
    height: 10px;
    width: 10px;
    border-radius: 50%;
    margin-top: 50px;
    margin-right: 12px;
}

.messageDirectoryContainer .messageDirectoryWrapper .directoryItem .messageItem .directoryItemContent
{
    border-bottom: 1px solid rgb(238, 238, 238);
    padding: 6px;
    width: 300px;
    
}

.messageDirectoryContainer .messageDirectoryWrapper .directoryItem .messageItem .directoryItemContent:hover
{
    background-color: rgb(238, 238, 238);
    border-bottom: none;
    color: white;
}


.messageDirectoryContainer .messageDirectoryWrapper .directoryItem .messageItem .directoryItemContent .contactItem
{
    display: block;
    text-align: left;
}

.messageDirectoryContainer .messageDirectoryWrapper .directoryItem .messageItem .directoryItemContent .contactItem .contactName
{
    color: lightcoral;
    margin-bottom: 4px;
}



.messageDirectoryContainer .messageDirectoryWrapper .directoryItem .messageItem .directoryItemContent .contactItem .contactLastMessage
{
    color: rgb(207, 207, 207);
    max-height: 50px;
    overflow: hidden;
    min-height: 50px;
}

.messageDirectoryContainer .messageDirectoryWrapper .directoryItem .messageItem .directoryItemContent .contactItem .contactLastDate
{
    color: rgb(218, 218, 218);
    font-size: 11px;
    margin-top: 4px;
}

/*create review*/

.createReviewContainer
{
    font-family: "Poppins";
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.createReviewContainer .createReviewWrapper
{}

.createReviewContainer .createReviewWrapper .createReviewHeading
{
    font-size: 24px;
    font-family: 'Nunito';
    color: rgb(189 74 122);
    max-width: 255px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

.createReviewContainer .createReviewWrapper .createReviewBox
{
    padding: 24px;
    margin-right: auto;
    margin-left: auto;
    max-width: 220px;
    text-align: left;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    border-radius: 12px;
}


.createReviewContainer .createReviewWrapper .createReviewBox .createReviewBoxItem .productPhoto
{
    width: 150px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.createReviewContainer .createReviewWrapper .createReviewBox .createReviewBoxItem .productPhoto img
{
    width: 100%;
    height: auto;
}

.createReviewContainer .createReviewWrapper .createReviewBox .createReviewBoxItem
{}

.createReviewContainer .createReviewWrapper .createReviewBox .createReviewBoxItem .reviewName
{
    margin-bottom: 24px;
}





.createReviewContainer .createReviewWrapper .createReviewBox .createReviewBoxItem .starSelection
{}

.createReviewContainer .createReviewWrapper .createReviewBox .createReviewBoxItem .starSelection img
{
    width: 100px;
    height: auto;
}

.createReviewContainer .createReviewWrapper .createReviewBox .createReviewBoxItem .reviewTextBox
{}

.createReviewContainer .createReviewWrapper .createReviewBox .createReviewBoxItem .reviewTextBox .reviewBox
{
    height: 100px;
    font-family: "Poppins";
}

.createReviewContainer .createReviewWrapper .createReviewBox .submitButton
{
    border: none;
    margin-top: 13px;
    padding: 6px;
    background-color: rgb(189 74 122);
    color: white;
    border-radius: 3px;
}

/*view reviews view reviews view reviews*/

.viewReviewsContainer
{
    font-family: "Poppins";
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.viewReviewsContainer .viewReviewsWrapper
{}

.viewReviewsContainer .viewReviewsWrapper .reviewsItem
{
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.viewReviewsContainer .viewReviewsWrapper .reviewsItem .reviewsHeading
{
    font-family: 'Nunito';
    color: rgb(189 74 122);
    font-size: 24px;
    margin-bottom: 50px;
}

.viewReviewsContainer .viewReviewsWrapper .reviewsItem .reviews
{}

.viewReviewsContainer .viewReviewsWrapper .reviewsItem .reviews .review
{
    border-bottom: 1px solid rgb(233 233 233);
    margin-top: 18px;
}

.viewReviewsContainer .viewReviewsWrapper .reviewsItem .reviews .review .reviewContent
{
    text-align: left;
    margin: 3px;
}

.viewReviewsContainer .viewReviewsWrapper .reviewsItem .reviews .review .reviewContent .user
{
    font-family: 'Nunito';
}

.viewReviewsContainer .viewReviewsWrapper .reviewsItem .reviews .review .reviewContent .stars
{}

.viewReviewsContainer .viewReviewsWrapper .reviewsItem .reviews .review .reviewContent .stars .starsImage
{
    height: auto;
    width: 100px;
}

.viewReviewsContainer .viewReviewsWrapper .reviewsItem .reviews .review .reviewContent .stars .starsImage img
{
    height: auto;
    width: 100%;
}

.viewReviewsContainer .viewReviewsWrapper .reviewsItem .reviews .review .reviewContent .reviewText
{
    font-size: 14px;
}

/*create account*/

.createAccountFormContainer
{
    font-family: "Poppins";
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.createAccountFormContainer .createAccountFormWrapper
{}

.createAccountFormContainer .createAccountFormWrapper .createAccountColumn
{
    display: inline-block;
    vertical-align: bottom;
    max-width: 390px;
    width: 100%;
}

.createAccountFormContainer .createAccountFormWrapper .createAccountColumn .createAccountHeading
{
    font-family: "Nunito";
    color: rgb(189, 74, 122);
    font-size: 24px;
}

.createAccountFormContainer .createAccountFormWrapper .createAccountColumn .createColumnItems
{
    margin-right: 12px;
    text-align: left;
    margin-left: 12px;
}

.createAccountFormContainer .createAccountFormWrapper .createAccountColumn .createColumnItems .titleDesc
{
    display: block;
    font-family: "Nunito";
    font-size: 16px;
    margin-top: 24px;
    color: rgb(189 74 122);
}

.createAccountFormContainer .createAccountFormWrapper .createAccountColumn .createColumnItems .box
{
    margin-top: 4px;
    padding: 4px;
    color: #565656;
    font-size: 14px;
}

.createAccountFormContainer .createAccountFormWrapper .createAccountColumn .createColumnItems .error
{
    color: red;
    font-size: 11px;
}

.createAccountFormContainer .createAccountFormWrapper .createAccountColumn .createColumnItems .sectionDesc
{
    display: inline-block;
    font-family: "Poppins";
    font-size: 11px;
    color: rgb(59, 59, 59);
}

#s515dd
{
    width: 100%;
}

#se515s
{
    height: 400px;
    width: 100%;
}

.createAccountFormContainer .createAccountFormWrapper .createAccountColumn .createColumnItems .phoneBox
{
    display: inline;
}

.createAccountFormContainer .createAccountFormWrapper .createAccountColumn .createColumnItems .phone
{
    width: 36px;
    margin-top: 4px;
    padding: 4px;
    color: #565656;
    font-size: 14px;
}

.createAccountFormContainer .createAccountFormWrapper .createAccountColumn .createColumnItems .phone2
{
    width: 44px;
    margin-top: 4px;
    padding: 4px;
    color: #565656;
    font-size: 14px;
}

.createAccountFormContainer .createAccountFormWrapper .createAccountColumn .columnAdsContainer
{}

.createAccountFormContainer .createAccountFormWrapper .createAccountColumn .columnAdsContainer .columnAd
{
    width: 100%;
    padding: 14px;
}

.createAccountFormContainer .createAccountFormWrapper .createAccountColumn .columnAdsContainer .columnAd .adContent
{
    background-color: aliceblue;
    height: 500px;
}



/* blackout day page */

.blackoutDayContainer
{
    font-family: "Poppins";
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.blackoutDayContainer .blackoutDayWrapper
{}

.blackoutDayContainer .blackoutDayWrapper .blackoutItem
{}

.blackoutDayContainer .blackoutDayWrapper .blackoutItem .blackoutHeadingItem
{}

.blackoutDayContainer .blackoutDayWrapper .blackoutItem .blackoutHeadingItem .heading
{
    font-family: "Nunito";
    color: rgb(189, 74, 122);
    font-size: 24px;
    margin-bottom: 20px;
}

.blackoutDayContainer .blackoutDayWrapper .blackoutItem .blackoutHeadingItem .subHeading
{
    font-size: 11px;
    color: rgb(59, 59, 59);
    margin-bottom: 40px;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
}

.blackoutDayContainer .blackoutDayWrapper .blackoutItem .blackoutDates
{}


.blackoutDayContainer .blackoutDayWrapper .blackoutItem .blackoutDates .blackoutPeriodListingItem
{
    border-bottom: 1px solid rgb(233 233 233);
}

.blackoutDayContainer .blackoutDayWrapper .blackoutItem .blackoutDates .blackoutPeriodListingItem .blackoutPeriodListingItemContent
{
    display: inline-block;
    padding: 5px;
    text-align: left;
}

.blackoutDayContainer .blackoutDayWrapper .blackoutItem .blackoutDates .blackoutPeriodListingItem .blackoutBreak
{
    display: inline-block;
}

@media screen and (max-width: 400px)
{ 
    .blackoutDayContainer .blackoutDayWrapper .blackoutItem .blackoutDates .blackoutPeriodListingItem .blackoutBreak
    {
        display: block;
    }
}


.blackoutDayContainer .blackoutDayWrapper .blackoutItem .blackoutDates .blackoutPeriodListingItem .blackoutPeriodListingItemContent .listingImage
{
    display: inline-block;
    max-width: 100px;
    vertical-align: middle;
    text-align: left;
    overflow: hidden;
    padding: 5px;
}

.blackoutDayContainer .blackoutDayWrapper .blackoutItem .blackoutDates .blackoutPeriodListingItem .blackoutPeriodListingItemContent .listingImage img
{
    width: 100%;
}

.blackoutDayContainer .blackoutDayWrapper .blackoutItem .blackoutDates .blackoutPeriodListingItem .blackoutPeriodListingItemContent .title
{}

.blackoutDayContainer .blackoutDayWrapper .blackoutItem .blackoutDates .blackoutPeriodListingItem .blackoutPeriodListingItemContent .timeItem
{}

.blackoutDayContainer .blackoutDayWrapper .blackoutItem .blackoutDates .blackoutPeriodListingItem .blackoutPeriodListingItemContent .trashImage
{
    width: 40px;
}

.blackoutDayContainer .blackoutDayWrapper .blackoutItem .blackoutDates .blackoutPeriodListingItem .blackoutPeriodListingItemContent .trashImage img
{
    width: 100%;
}

.blackoutDayContainer .blackoutDayWrapper .blackoutItem .createBlackoutHeading
{
    font-size: 18px;
    color: rgb(59, 59, 59);
    margin-top: 40px;
    margin-bottom: 10px;
}

.blackoutDayContainer .blackoutDayWrapper .blackoutItem .blackoutForm
{
    margin-bottom: 60px;
}

.blackoutDayContainer .blackoutDayWrapper .blackoutItem .blackoutForm .inputField
{
    margin-top: 4px;
    padding: 4px;
    color: #565656;
}

/* view reviews page*/
/* ****NOTE this page uses the same css as bookingpages*/
.bookingcontainer .bookingwrapper .bookingcolumn .bookingsList .listItem .bookingDetail .reviewItem
{
    display: block;
    font-size: 11px;
}

.bookingcontainer .bookingwrapper .bookingcolumn .bookingsList .listItem .bookingDetail .reviewItem .reviewStarImage
{
    width: 80px;
    height: auto;

}

.bookingcontainer .bookingwrapper .bookingcolumn .bookingsList .listItem .bookingDetail .reviewItem .reviewStarImage img
{
    width: 100%;
    height: auto;
}

#s5dghr
{
    vertical-align: top;
}


.bookingcontainer .bookingwrapper .bookingcolumn .bookingsList .listItem .bookingDetail .reviewItem .reviewUsername
{
    font-family: "Nunito";
    color: rgb(122, 122, 122);
    font-size: 16px;
    margin-bottom: 12px;
}

.bookingcontainer .bookingwrapper .bookingcolumn .bookingsList .listItem .bookingDetail .reviewItem .reviewText
{
    max-width: 200px;
}

.bookingcontainer .bookingwrapper .bookingcolumn .bookingsList .listItem .bookingDetail .reviewItem .reviewDateStamp
{
    font-size: 14px;
    color: rgb(223 223 223);
}


/*lock image*/

.lockimagecontainer
{
    font-family: "Poppins";
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 30px;
}

.lockimagecontainer .cameralink
{
    color: rgb(189, 74, 122);
    font-family: "Nunito";
    font-size: 32px;
    text-align: center;

}

#mypic
{
    display: none;
}

.lockimagecontainer .lockimagedesc
{
    color: rgb(189, 74, 122);
    text-align: center;
}

/*checkout-shipping qsamta*/
      .sb-title {
        position: relative;
        top: -12px;
        font-family: Roboto, sans-serif;
        font-weight: 500;
      }

      .sb-title-icon {
        position: relative;
        top: -5px;
      }

      .card-container {
        display: flex;
        height: 500px;
        width: 300px;
      }

      .panel {
        background: white;
        box-sizing: border-box;
        height: 100%;
        width: 100%;
        padding: 20px;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
      }

      .half-input-container {
        display: flex;
        justify-content: space-between;
      }

      .half-input {
        max-width: 120px;
      }

      h2 {
        margin: 0;
        font-family: Roboto, sans-serif;
      }

      input {
        height: 30px;
      }

      input {
        border: 0;
        border-bottom: 1px solid black;
        font-size: 14px;
        font-family: Roboto, sans-serif;
        font-style: normal;
        font-weight: normal;
      }

      input:focus::placeholder {
        color: white;
      }
/*admin qsamta styles*/

.qsamtaadmincontent
{
    font-family: Poppins;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
    padding-top: 100px;
     padding-bottom: 100px;
}

.qsamtaadmincontent .qsamtaContentWrapper
{}

.qsamtaadmincontent .qsamtaContentWrapper .orderscontainer
{}

.qsamtaadmincontent .qsamtaContentWrapper .orderscontainer .orderslist
{}

.qsamtaadmincontent .qsamtaContentWrapper .orderscontainer .orderslist .orderitemlist
{}

.qsamtaadmincontent .qsamtaContentWrapper .orderscontainer .orderslist .orderitemlist .orderwrapper
{}

.qsamtaadmincontent .qsamtaContentWrapper .orderscontainer .orderslist .orderitemlist .orderwrapper .ordercontent
{
    display: inline-flex;
    border-style: solid;
    margin-bottom: 3px;
    color: black;
}


.qsamtaadmincontent .qsamtaContentWrapper .orderscontainer .orderslist .orderitemlist .orderwrapper .ordercontent .orderitem
{
    margin: 3px;
}

.qsamtaadmincontent .qsamtaContentWrapper .orderscontainer .orderslist .orderitemlist .orderwrapper .ordercontent .orderitem .imageBox
{

}

.qsamtaadmincontent .qsamtaContentWrapper .orderscontainer .orderslist .orderitemlist .orderwrapper .ordercontent .orderitem .imageBox .image
{
    height: 50px;
}

/*how to grow*/

header p {
    font-size: 1.2em;
}

/* Main Section Styles */

p {
    font-size: 1.1em;
    line-height: 1.6;
    color: #636363;
}

.how_to_img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 10px 0;
}
main {
    padding: 20px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.step {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    padding: 20px;
}

.step h2 {
    font-size: 1.8em;
    margin-bottom: 10px;
}

.step p {
    margin-bottom: 15px;
}