﻿/*
 * Created date: 12-21-2020
 * Styles for insert with photos pages
*/
.error-control {
	background-color: #FF9F9F;
    border: solid 1px #FF9F9F;
}

.validationSummary { background-color: #FF9F9F !important; }

a.custom-link { color: -webkit-link !important; }

a:visited.custom-link { color: #0094DE; }

a:hover.custom-link { color: #DD127B; }

.red-color { color: #FF0000; }

#dv-photos-container {
    width: 100%;
    margin: 1% 0%;
}

#dv-photos-container > div { width: 50%; }

#dv-photos-container > div:nth-child(1) { float: left }

#dv-photos-container > div:nth-child(2) { float: right }

.radio-button-list-container label {
    display: inline
}

#custom-div-terms p {
    text-align: justify;
}

.ruInputs {
    display: grid
}

.ruInputs li {
    display: inline-grid;
    margin: 11.5px 0% !important;
}

.custom-div-parent {
    display: inline-block
}

.hidden {
    display: none
}

/* Styles for remove button */
.ruRemove {
    font-size: unset !important;
    margin: 0px 18px;
    min-width: 110px;
    width: 69% !important;
}

.LblImgs {
    padding-left: 1%;
    width: 18%;
}

.ruInputs {
    float: right;
    padding-left: 2%;
}

.PnlPreviews {
    padding-top: 2%;
}

.ruFakeInput {
    display: none !important;
}

.ruButtonHover {
    background-position: 0px !important;
}

.ruFileWrap {
    width: 100% !important;
    height: 100% !important;
}

.ruButton {
    float: right !important;
}

.RadUpload .ruBrowse {
    background-image: url('https://imgcache.clasificadosonline.com/UDClasMedia/Arte/camara_col_iwp_esp_eng.png') !important;
    background-size: 187px 37px;
    width: 187px !important;
    height: 37px !important;
    padding: 0px !important;
    border: none !important;
}

.RauMain {
    width: 90% !important;
    padding-left: 10%;
}

#upload-container {
    display: inline-block;
    width: 100%;
}

#RauMain input[type="text"] {
    width: 60%;
}

.custom-bi-image {
    padding: 0% 2%;
    border-radius: 23%;
    padding: 0% 2.3%;
    float: left;
    display: inline-block;
    max-width: 45px;
    max-height: 45px;
    margin: 0% 10%;
}

.ruUploadSuccess {
    display: none !important;
}

.RadUpload .ruInputs li {
    float: left !important;
}

.ruInputs {
    float: left;
}
/*********************************************************************************/
.auto-style3 {
    width: 460px;
}

#custom-ad-counter {
    float: right;
    padding-right: 10%;
}

#map {
    width: 95%;
    height: 200px;
}

/**************************************/
/*** container-price-message styles ***/
.container-price-message {
    width: 100%;
    display: inline-block;
    margin: 1%;
}

    .container-price-message div {
        background-color: #e6e6e6;
        width: 85%;
        padding: 1% 1%;
    }

    .container-price-message p {
        text-align: justify;
        margin: 0px !important
    }

    .container-price-message p, .container-price-message a {
        font-size: 10px !important
    }
/**************************************/
@media screen and (max-width:549px) {
    #custom-ad-counter {
        width: 100%;
        padding: 4% 0% 0% 0%;
    }
}

@media screen and (min-width:450px) and (max-width:699px) {
    .custom-table input[type=text] {
        width: 75% !important;
    }
}

/******************************/
/*** custom-ad-image styles ***/
/******************************/
#custom-ad-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
}

@media screen and (max-width: 600px) {
    #custom-ad-image {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    #dv-photos-container > div {
        width: 100%;
        float: none;
    }
}

@media screen and (max-width: 320px) {
    #custom-ad-image {
        float: left;
    }
}
/******************************/