/* Minification failed. Returning unminified contents.
(67,23): run-time error CSS1039: Token not allowed after unary operator: '-main-appareance-font-family'
(114,28): run-time error CSS1039: Token not allowed after unary operator: '-main-appareance-button-background_color'
(115,35): run-time error CSS1039: Token not allowed after unary operator: '-main-appareance-button-background_color'
(122,24): run-time error CSS1039: Token not allowed after unary operator: '-main-appareance-button-border_color'
(126,28): run-time error CSS1039: Token not allowed after unary operator: '-main-appareance-button-background_color'
(575,28): run-time error CSS1039: Token not allowed after unary operator: '-main-appareance-button-background_color'
 */



/*Effect*/
.effect_bounce {
    animation: bounce 2s infinite;
}

@keyframes bounce {

    20%, 53%, 80%, 0%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215,.61,.355,1);
        animation-timing-function: cubic-bezier(0.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755,.050,.855,.060);
        animation-timing-function: cubic-bezier(0.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755,.050,.855,.060);
        animation-timing-function: cubic-bezier(0.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0);
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0);
    }
}



.effect_shake {
    animation: shake 1.82s cubic-bezier(.36, .07, .19, .97) both infinite;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}
/*EndEffects*/

.datepicker table {
    font-family: var(--main-appareance-font-family)
}

/*text align*/

#background .text-justify {
    justify-content: flex-start;
}


#background .text-left {
    justify-content: flex-start;
}


#background .text-center {
    justify-content: center;
}


#background .text-right {
    justify-content: flex-end;
}
/*End text align*/




.btn-redondo {
    border-radius: 8px;
}

.btn-rectangular {
    border-radius: 0px;
}

.btn-ovalado {
    border-radius: 23px;
}

.btn-ninguno {
    background: none !important;
    background-color: transparent !important;
    border: none !important;
}

.btn-sombra {
    background-color: var(--main-appareance-button-background_color);
    box-shadow: 0px 7px 16px var(--main-appareance-button-background_color);
    border:0;
}

.btn-border {
    border: 1px solid;
    background-color: transparent !important;
    border-color: var(--main-appareance-button-border_color);
}

.btn-relleno {
    background-color: var(--main-appareance-button-background_color);
    border: 0;
}

form .question {
    margin-bottom: 15px;
}

#background form {
    background-color: #fff;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

    #background form label {
        color: #000000;
        font-weight: bold;
    }

        #background form label a {
            color: #000000 !important;
        }

    #background form input[type=text], #background form textarea {
        color: #000000;
        width: 100%;
        background: #fff;
        border: 1px solid #000000;
        padding: 15px;
        outline: 0;
    }

        #background form input[type=text]:focus, #background form textarea:focus {
            outline: 0;
        }

    #background form input[type=text] {
        height: 45px;
    }

#container .data-rows form textarea {
    min-height: 150px;
}

#background .submit, #FormCompleteModal .submit {
    color: #fff;
    width: 100%;
    margin: 15px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    min-width: 160px;
    max-width: 200px;
    width: 100%;
    height: 45px;
    background-color: #1B1D21;
    font-weight: 600;
    opacity: 1 !important;
    font-size: 1rem !important
}

#FormCompleteModal figure i,
#FormCompleteModal figure i:before {
    color: seagreen;
    font-size: 3rem;
}

.input_multiple_option {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #000;
}

/*Switch Botton*/
#background .switch-cont {
    width: 100%;
    display: flex;
    justify-content: flex-start !important;
    align-items: center;
}

#background .switch {
    position: relative;
    display: inline-block;
    width: 42px;
    height: 26px;
    margin: 0 !important;
}

    /* Hide default HTML checkbox */
    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 19px;
        width: 19px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #000;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
}

.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }
/*end switch */




.content-input input[type=radio],
.content-select select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.content-input input[type=radio] {
    visibility: hidden;
    position: absolute;
    right: 0;
}

.content-input {
    position: relative;
    padding: 14px 0px 5px 36px;
    display: block;
    margin-bottom: 0.5rem !important;
}

    .content-input input + i {
        background: #f0f0f0;
        border: 2px solid rgba(0,0,0,0.2);
        position: absolute;
        left: 0;
        top: 0;
    }

    .content-input input[type=radio] + i {
        height: 25px;
        width: 25px;
        border-radius: 100%;
        cursor: pointer;
    }

        .content-input input[type=radio] + i:before {
            content: '';
            display: block;
            height: 14px;
            width: 14px;
            border-radius: 100%;
            position: absolute;
            z-index: 1;
            top: 4px;
            left: 4px;
            transition: all 0.25s ease;
            transform: scale(0);
            opacity: 0;
        }

    .content-input input[type=radio]:checked + i:before {
        transform: scale(1);
        opacity: 1;
        background: #000;
    }

    .content-input:hover input[type=radio]:not(:checked) + i {
        background: rgba(0,0,0,0.2);
    }



.file-cont {
    width: 100%;
}

    .file-cont .input_file {
        width: 100%;
        padding: 10px;
        cursor: pointer;
        background-color: #fff;
        border: 1px solid #000;
    }

    .file-cont .picture {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

        .file-cont .picture i, .file-cont .picture i:before {
            font-size: 24px;
            cursor: pointer;
        }

    .file-cont .info {
        width: 100%;
        cursor: pointer;
    }

        .file-cont .info label {
            cursor: pointer;
            width: 100%;
        }

            .file-cont .info label:first-of-type {
                font-size: 13px;
                font-weight: 600;
                margin-top: 8px !important;
            }


.file_item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
}

    .file_item .picture {
        min-width: 60px;
        height: 60px;
        border-radius: 8px;
        max-width: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .file_item .info {
        width: calc(100% - 60px);
        padding-left: 5px;
    }

        .file_item .info p {
            font-size: 13px !important;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            color: #000;
            width: calc(100% - 20px);
        }

        .file_item .info small {
            font-size: 11px;
            color: #000;
        }

        .file_item .info .close {
            font-size: 22px;
            color: #000;
        }

    .file_item .picture i, .file_item .picture i:before {
        font-size: 50px !important;
        color: #000;
    }

.progress-bar {
    background-color: #000;
    color: #fff;
    padding: 0 5px;
}

.phone_quest {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .phone_quest .dropdown {
        width: 170px;
        border-bottom-right-radius: 0 !important;
        border-top-right-radius: 0 !important;
        padding: 0;
        height: 45px;
    }

        .phone_quest .dropdown button {
            background: none;
            width: 170px;
            height: 100%;
            border: none;
        }


    .phone_quest input[type=tel] {
        width: calc(100% - 170px);
        border-bottom-left-radius: 0 !important;
        border-top-left-radius: 0 !important;
        border-left: 0 !important;
        outline: none;
    }

        .phone_quest input[type=tel]:focus, .phone_quest input[type=tel]:active {
            outline: none;
        }

    .phone_quest .dropdown, .phone_quest input[type=tel] {
        color: #000000;
        background: #fff;
        border: 1px solid #000000;
        height: 45px;
    }

    .phone_quest .dropdown-menu {
        max-height: 170px;
        overflow: scroll;
        width: 100%;
        border: 1px solid #000 !important;
    }

    .phone_quest .dropdown-item {
        padding: 5px 10px;
        color: #000;
        text-align: center;
    }

        .phone_quest .dropdown-item:hover {
            font-weight: bold;
            color: #000;
        }

.me-profile-dropdown .dropdown-toggle {
    width: 100%;
    padding: 10px;
    text-align: left;
    background-color: #fff;
}

#background .verify-profile {
    width: 20px;
    height: 20px;
    margin-left: 5px;
}
#background #Tab .link img, #background #Tab .form img {
    width: 35px;
    height:35px;
    border-radius:50%;
    margin-right: 10px;
}
.me-error {
    background: #FF4C63 !important;
    border-radius: 8px !important;
    color: #fff !important;
    padding: 7px !important;
    font-size: 12px;
    margin: 5px 0;
}

.alert-danger-me {
    color: #FF4C63 !important;
    border-color: #FF4C63 !important;
}

.slider.alert-danger-me {
    border: 1px solid;
}


.video-responsive {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
    margin: 15px 0px;
}

    .video-responsive iframe, .video-responsive object, .video-responsive embed {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

.overflow {
    overflow: hidden;
}

.spinner-border {
    width: 1.5rem !important;
    height: 1.5rem !important;
}

#background .datepicker table tr td.active:hover,
#background .datepicker table tr td.active:hover:hover,
#background .datepicker table tr td.active.disabled:hover,
#background .datepicker table tr td.active.disabled:hover:hover,
#background .datepicker table tr td.active:active,
#background .datepicker table tr td.active:hover:active,
#background .datepicker table tr td.active.disabled:active,
#background .datepicker table tr td.active.disabled:hover:active,
#background .datepicker table tr td.active.active,
#background .datepicker table tr td.active:hover.active,
#background .datepicker table tr td.active.disabled.active,
#background .datepicker table tr td.active.disabled:hover.active,
#background .datepicker table tr td.active.disabled,
#background .datepicker table tr td.active:hover.disabled,
#background .datepicker table tr td.active.disabled.disabled,
#background .datepicker table tr td.active.disabled:hover.disabled,
#background .datepicker table tr td.active[disabled],
#background .datepicker table tr td.active:hover[disabled],
#background .datepicker table tr td.active.disabled[disabled],
#background .datepicker table tr td.active.disabled:hover[disabled] {
    background-color: var(--main-appareance-button-background_color) !important;
    background-image: none !important;
    font-size: 0.94rem !important;
}

i.icon-ok-Square {
    background-color: #fff;
    border-radius: 50%;
    font-size: 22px !important;
}

.datepicker td, .datepicker th {
    font-size: 0.94rem !important;
}


#profile-preview #background #profile-picture .picture {
    height: 130px;
    width: 130px;
}

#profile-preview .Layout2 #profile-picture .picture img {
    height: 90px;
    width: 90px;
}

#profile-preview .Layout2 #profile-picture .picture {
    bottom: -35px;
    height: 90px !important;
    width: 90px!important;
}

#profile-preview .Layout1 #profile-picture img {
    height: 120px;
    width: 120px;
}

#profile-preview .Layout2 #buttons a, #profile-preview .Layout2 #buttons button{
    min-width: 25px;
    min-height: 25px;
}
#profile-preview .Layout2 #buttons a i, #profile-preview .Layout2 #buttons button i {
    font-size: 10px;
}
#profile-preview .Layout2 #buttons a i:before, #profile-preview .Layout2 #buttons button i:before {
    font-size: 10px;
}

#profile-preview .Layout1 #profile-picture a, #profile-preview .Layout1 #profile-picture button {
    width: 25px !important;
    height: 25px !important;
}

#profile-preview .Layout1 #profile-picture a i, #profile-preview .Layout1 #profile-picture button i {
    font-size: 10px !important;
}

#profile-preview .Layout1 #profile-picture a i:before, #profile-preview .Layout1 #profile-picture button i:before {
    font-size: 10px !important;
}

#profile-preview #background #Username h1 {
    font-size: 1rem !important;
}

#profile-preview #background #Username p {
    font-size: 0.7rem !important;
}
#profile-preview #background #Bio p {
    font-size: 0.7rem !important;
}

#profile-preview #background #Tab .link p, #profile-preview #background #Tab .form p {
    font-size: 0.7rem !important;
}
#profile-preview #background #SocialLinks a {
    width: 25px;
    height: 25px;
}
#profile-preview #background #SocialLinks a span, #profile-preview #container #SocialLinks a span:before {
    font-size: 25px;
}

#profile-preview #background #Tab .form .share-btn i, #profile-preview #background #Tab .form .share-btn i:before {
    font-size: 15px;
}

#profile-preview #background #Tab .link, #profile-preview #background #Tab .form {
    min-height: 40px;
}


#profile-preview #background #data-vcard a, #profile-preview #Powered a {
    height: 35px;
    max-width: 135px;
    font-size: 0.9rem;
}
#profile-preview .verify-profile {
    width: 10px;
    height: 10px;
}
#profile-preview #Powered a i, #profile-preview #Powered a i:before {
    font-size: 24px;
}

#profile-preview #background #Tab ul li a.nav-link {
    font-size: 0.7rem !important;
    padding: 5px 12px 5px 12px;
}

#profile-preview #background .card.group .picture {
    height: 110px;
}

#profile-preview #background .group h5 {
    font-size: 0.9rem !important;
}
#profile-preview #background .group .card-text {
    font-size: 0.7rem !important;
}
#profile-preview #background .group a {
    font-size: 0.7rem !important;
    padding: 6px 10px;
}

#profile-preview #background.Layout3 #cover {
    width: 100%;
    height: 190px;
}
#profile-preview #background.Layout2 #cover {
    width: 100%;
    height: 120px;
}
#profile-preview #background #Tab .carousel-item .linkPicture {
    height: 100px;
}

#profile-preview #background .carousel-control-next {
    right: 2% !important;
}

#profile-preview #background .carousel-control-prev {
    left: 2% !important;
}

#FormCompleteModal h2{
    font-weight:700;
}

#FormCompleteModal p {
    font-weight: 500;
}
#FormCompleteModal figure i, #FormCompleteModal figure i:before{
    font-size: 40px;
}

#profile-preview #background #Tab .link img, #profile-preview #background #Tab .form img {
    width: 20px;
    height:20px;
}

#background #Tab ul li a.nav-link {
    background: none;
    font-size: 1rem !important;
    font-weight: 500;
    text-align: start;
    position: relative;
    color: #212529;
    padding-left: 30px;
}
#profile-preview #Tab {
    margin-top:15px;
}

#background #Tab .text {
    width: calc(100% - 16px);
    display: flex;
    align-items: center;
}
@media (max-width: 550px) {

    .phone_quest .dropdown {
        width: 110px;
    }

        .phone_quest .dropdown button {
            width: 110px;
        }

    .phone_quest input[type=tel] {
        width: calc(100% - 110px);
    }
}
@media (max-width: 375px) {

    #background #Tab ul li a.nav-link {
        padding: 10px 15px;
    }
}