/*
    Created on :Jan 15, 2020, 9:38:53 AM
    Author     :luispinto
*/
.full-body{min-height:100vh;display:flex;flex-direction:column;}
.full-body footer,.full-body .copyright,.full-body .top-body{flex-shrink:1}
.full-body .main-content{flex-grow:1;}
/*parallax*/
.parallax-container{
    position: relative; height: 100vh; overflow: hidden; background: #000;
}
.masthead-parallax {
    position: relative; min-height: 100%; overflow-x: hidden;
    /* Create the parallax scrolling effect */
    background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;
}
.section-parallax {
    position: relative; overflow-x: hidden;
    background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;
}
.parallax-content {
    position: relative;
}
/*images*/
.bg-image-cover {background-position:center;background-size:cover;background-repeat:no-repeat;}
.center-fit-image{position:relative;}
.center-fit-image img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.center-image img{position:absolute;margin:auto;min-height:100%;min-width:100%;max-width:100%;left:-100%;right:-100%;top:-100%;bottom:-100%}
.img-cover-height{height:100%;width:auto}
.img-cover-width{height:auto;width:100%}
.img-height-fluid{max-height:100%;width:auto}
.img-full-fluid{max-width:100%;max-height:100%;overflow: auto;}
/*modals*/
.modal-full {min-width:95%;}
.modal-full .modal-content {min-height:80vh;}
.modal-frame iframe {border:0;height:80vh;overflow:hidden;max-width:100%;}
.modal-frame iframe body {max-width:100%;overflow-x:hidden;padding:0 15px;}
/**z-index*/
.z-1{z-index:1}.z-2{z-index:2}.z-5{z-index:5}.z-10{z-index:10}.z-100{z-index:100}.z-999{z-index:999}
.w-1{width:1%!important;overflow:auto;white-space:nowrap}.w-10{width:10%!important}.w-15{width:15%!important}.w-20{width:20%!important}.w-30{width:30%!important}.w-33{width:33%!important}.w-40{width:40%}.w-50{width:50%}.w-60{width:60%}.w-70{width:70%}.w-80{width:80%}.w-90{width:90%}.w-100{width:100%}
/** sizes */
.min-width-200{min-width:200px}.min-width-400{min-width:400px}.min-width-600{min-width:600px}
.min-width-0{min-width:0;}.min-width-content{min-width:min-content;}
.wpx-5{width:5px!important}.wpx-10{width:10px!important}.wpx-15{width:15px!important}.wpx-20{width:20px!important}.wpx-25{width:25px!important}.wpx-30{width:30px!important}
.w-50rem{width:50rem;}.w-40rem{width:40rem;}.w-30rem{width:30rem;}
.w-25rem{width:25rem;}.w-20rem{width:20rem;}.w-15rem{width:15rem;}.w-10rem{width:10rem;}.w-7rem{width:7rem;}.w-5rem{width:5rem;}
.max-w-100{max-width: 100%;}
.width-400{width:400px!important}.width-300{width:300px!important}.width-250{width:250px!important}.width-200{width:200px!important}.width-150{width:150px!important}.width-140{width:140px!important}.width-120{width:120px!important}.width-100{width:100px!important}
.width-90{width:90px!important}.width-80{width:80px!important}.width-70{width:70px!important}.width-60{width:60px!important}.width-50{width:50px !important}.width-40{width:40px!important}.width-30{width:30px!important}.width-20{width:20px!important}.width-15{width:15px!important}.width-10{width:10px!important}
.height-600{height:600px}.height-500{height:500px}.height-400{height:400px}.height-300{height:300px}.height-200{height:200px}.height-150{height:150px}.height-120{height:120px}.height-100{height:100px}.height-50{height:50px}
.h-0{height:0}.h-10{height:10%}.h-20{height:20%}.h-30{height:30%}.h-40{height:40%}.h-50{height:50%}.h-60{height:60%}.h-70{height:70%}.h-80{height:80%}.h-90{height:90%}.h-100{height:100%}
.height-90{height:90px}.height-80{height:80px}.height-70{height:70px}.height-60{height:60px}.height-50{height:50px}.height-40{height:40px}.height-30{height:30px}.height-20{height:20px}.height-10{height:10px}
.hv-100{height: 100vh}.wv-100{width:100vw;}.hv-50{height: 50vh}.wv-50{width:50vw;}
.font-rem-5{font-size:.5rem !important}.font-rem-6{font-size:.6rem !important}.font-rem-7{font-size:.7rem !important}.font-rem-8{font-size:.8rem !important}.font-rem-9{font-size:.9rem !important}.font-rem-10{font-size:1.0rem !important}.font-rem-11{font-size:1.1rem !important}.font-rem-12{font-size:1.2rem !important}.font-rem-13{font-size:1.3rem !important}.font-rem-14{font-size:1.4rem !important}.font-rem-15{font-size:1.5rem !important}.font-rem-16{font-size:1.6rem !important}.font-rem-17{font-size:1.7rem !important}.font-rem-18{font-size:1.8rem !important}.font-rem-19{font-size:1.9rem !important}.font-rem-20{font-size:2.0rem !important}.font-rem-22{font-size:2.2rem !important}
.fts-px-5{font-size:5px}.fts-px-6{font-size:6px}.fts-px-7{font-size:7px}.fts-px-8{font-size:8px}.fts-px-9{font-size:9px}.fts-px-10{font-size:10px}.fts-px-11{font-size:11px}.fts-px-12{font-size:12px}.fts-px-13{font-size:13px}.fts-px-14{font-size:14px}.fts-px-15{font-size:15px}.fts-px-16{font-size:16px}.fts-px-17{font-size:17px}.fts-px-18{font-size:18px}.fts-px-19{font-size:19px}.fts-px-20{font-size:20px}.fts-px-22{font-size:22px}
.text-note{font-size:1rem;font-weight:lighter;padding:0.75rem 1.25rem;display:none;position:absolute;bottom:3rem;right:0;z-index:5;width:30rem;}
.border-1{border-width:1px;border-style:solid;border-color:#999}.border-2{border-width:2px;border-style:solid;border-color:#999}
.border-bottom-1{border-bottom-style:solid;border-bottom-width:1px;}
.border-dot{border-width:1px;border-style:dotted;border-color:#999}
.border-icon{border:1px #666 solid;border-radius:50%}
.section-full{min-height:100vh;}
.list-clean>li{list-style:none;}
.ui-list{display:flex;padding-left:0;margin-bottom:0;}
.ui-list-column{flex-direction:column;}
.ui-list-row{flex-direction:row;}
ul.ui-list>li{list-style:none;position:relative}ol.ui-list>li{margin-left:15px;position:relative}
.btn-circle{border-radius:50%;border-width:1px}.btn-rounded{border-radius:2rem!important;border-width:1px}
.circle{border-radius:50%}
.radius-0{border-radius:0}
.transparent{opacity:0}.opacity-75{opacity:0.75}.opacity-50{opacity:0.5}.opacity-25{opacity:0.25}
.top-0{top:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.right-5{right:5%}.left-5{left:5%}.top-2{top:2rem}.top-5{top:5rem}
.full-canvas{width:100%;height:100%}
.centered{text-align:center;margin:auto 0}.centered>*{margin:auto}
.card-image.center-image{position:relative;overflow:hidden}
.card-image.center-image:after{content:"";display:block;padding-bottom:70%}
.center-div{position:absolute;margin:auto;left:0;right:0}
.absolute-center{left: 50%;transform: translateX(-50%);position:absolute;}
.absolute-middle{top: 50%; transform: translateY(-50%);position:absolute;}
.absolute-centered{top: 50%; left: 50%; transform: translate(-50%,-50%);position:absolute;}
.form-control.currency,input[type=number]{text-align:right}
.line-height-9{line-height:0.9}.line-height-10{line-height:1}.line-height-11{line-height:1.1}.line-height-12{line-height:1.2}
.appended-bottom{position:absolute;bottom:-15px;right:0}
.bg-card:after{content:"";display:block}
.bg-card-140:after{padding-bottom:140%}.bg-card-120:after{padding-bottom:120%}.bg-card-square:after{padding-bottom:100%}.bg-card-80:after{padding-bottom:80%}.bg-card-60:after{padding-bottom:60%}.bg-card-40:after{padding-bottom:40%}
.column-20{
    column-width:20rem;
}
.square:after {
    content: ""; display: block; padding-bottom: 100%;
}
.dropdown-toggle.no-after:after{content: none}
.tag-list .badge-tag{ color: #333; border: 2px solid #333;}
.tag-list .badge-tag .tag-info{ font-size: 0.9rem; font-weight: normal;}
.ui-autocomplete .ui-menu-item{cursor:pointer}
.sticky{width:100%;}
.sticky-menu{top:120px;position: -webkit-sticky;position:fixed;right: 15px;}
.small{font-size:0.8rem;line-height:0.95}
/**alerts*/
.x-alert.show{
    position: fixed; top: 20%; left: 50%; transform: translate(-50%, -50%);
    width: 400px; z-index: 99;
}
.x-alert.show.atcornerleft{
    top: 10%; left: 20%;  transform: none;
}
.flex-center{display: flex;justify-content: center;align-items: center;}
@media only screen and (min-width:1400px) {

}
@media only screen and (max-width:1400px) {

}
@media only screen and (max-width:1200px) {

}
@media only screen and (max-width:992px) {
    .masthead {
        padding: 0; height: 100vh;
    }
    .masthead-parallax {
        background-attachment: scroll;
    }
    .sticky-menu{position:relative;top:0;right:0}
}
@media only screen and (max-width:768px) {
    .x-alert.show{
        width: 350px;
    }
}
@media only screen and (max-width:576px) {

}
.bg-none{background: none}
.bg-gray-6999 div, .bg-gray-999 li{background-color: #999;}
.bg-gray-666 div, .bg-gray-666 li{background-color: #666;}
.text-gray-d{color:#ddd}.text-gray-c{color:#ccc}.text-gray-a{color:#aaa}.text-gray-9{color:#999}.text-gray-6{color:#666}.text-gray-3{color:#333}
.text-active{color:#2196f3}
.vertical-top{vertical-align:text-top}.vertical-bottom{vertical-align:text-bottom}
.has-first > *:first-child{
    border:#6cb2eb 1px solid;font-weight:bold;padding-top:5px;
}
.has-first > *:first-child > form {
    padding-left:15px;padding-right:15px;
}
.title-subsection{font-size:1.2rem;font-weight:bold;line-height:1.4;}
.handle{
    position:absolute;top:-2rem;color:#999;opacity:0.5;
    border-radius:50%;padding:0.35rem;cursor:pointer;
}
.handle:hover{opacity:1;}
.handle-right{right:-1rem;}
.float-form{
    padding-top:1rem;background-color:#FFF;border:1px solid #333;border-radius:10px;z-index:3;
}
.list-inline-item{position:relative;}
.media-published, .media-pending{position:absolute;bottom:-0.5rem;right:-0.5rem;}
.media-published{color:#28a745;}
.media-pending{color:#efd892;}
a.btn-choice{color:#333;}
a.btn-choice:hover{color:#5eba7d;}
a.smooth-scroll{text-decoration:none}
.smooth-scroll.active {text-decoration: underline;font-weight: bold;}
/*ellipsis*/
.text-ellipsis{
    text-overflow:ellipsis;overflow:hidden;display:-webkit-box !important;
    -webkit-box-orient: vertical;white-space: normal;-webkit-line-clamp:3;
}
.line-2{-webkit-line-clamp:2;}
.line-3{-webkit-line-clamp:3;}
.line-4{-webkit-line-clamp:4;}
.line-5{-webkit-line-clamp:5;}
.text-ellipsis-hidden{display: none;}
/**forms **/
span.error{color: #dc0b29;}
.form-control.currency,input[type=number]{text-align:right}
input:read-only, input:read-only:focus, input:read-only:active{background-color: #ccc;}
/** sortable **/
.sortable-ghost {opacity: 0.5;}
/** custom file input **/
.custom-file-upload {
    display: inline-block;padding: 6px 12px;cursor: pointer;border: 1px solid #ccc;border-radius: 4px;
}
.custom-file-upload:hover {background-color: #f5f5f5;}
.custom-file-input {display: none;}
/**btn-toggle**/
.btn-canvas .active-show, .btn-toggle .active-show{display: none;}
.btn-canvas .active-hide, .btn-toggle .active-hide{display: block;}
.btn-canvas.active .active-show, .btn-toggle.active .active-show{display: block;}
.btn-canvas.active .active-hide, .btn-toggle.active .active-hide{display: none;}
/**autocomplete**/
input.autocomplete{position: relative; display: inline-block;}
.search-result-item {padding: 10px;margin: 5px 0;border: 1px solid #ddd;cursor: pointer;}
.search-result-item:hover {background-color: #f0f0f0;}
/**scroll message**/
.scroll-text-container{overflow: hidden; position: relative; height: 3rem;}
.scroll-msg.success{
    display: flex; align-items: center;
    color: #198754; font-weight: bold;
    background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(25,135,84,0.2), rgba(25,135,84,0.5), rgba(255,0,0,0));
}
/**maps*/
/* Always set the map height explicitly to define the size of the div element that contains the map. */
#map, .map-container {height: 100%;}
/**transitions*/
.transition-hide,.transition-show{transition: opacity 2.5s ease;}
.transition-hide{opacity: 1;}
.transition-show{opacity: 0;}
.transition-hide.hide-slow{opacity: 0;}
.transition-show.open-slow{opacity: 1;}
/**autocomplete**/
input.autocomplete{position: relative; display: inline-block;}
.search-result-item {padding: 10px;margin: 5px 0;border: 1px solid #ddd;cursor: pointer;}
.search-result-item:hover {background-color: #f0f0f0;}
/** cropper **/
.canvas-cropper{ width: 100%; max-width: 100%; padding: 0; overflow: auto;}
.image-canvas {width: 100%; height: auto;display: block;}
/** quilljs editor **/
.ql-container {font-size: inherit;}
.ql-snow .ql-editor img {margin: 0.2rem}
.ql-container p{margin-bottom: 0.5rem;}
.toggle-layer{
    transition: opacity 0.3s ease-in-out;
    /* Optional: if you want to control the initial position */
    position: relative; width: 100%;
    /* Ensure smooth opacity transition */
    will-change: opacity;
    /* Optional: if you want to prevent layout shifts */
    min-height: 100px;
}
/*others*/
.image-crop-info{color: #1f2937; font-size: 0.7rem;}
.error-message{color: #9c1919; font-size: 0.9rem;}
.overflow-hidden{overflow: hidden;}.overflow-auto{overflow: auto;}.overflow-visible{overflow: visible;}