.unselectable {
    -moz-user-select:none;
    -webkit-user-select:none;
}

.m-0 {margin: 0px;}
.m-1{ margin: 1px;}
.m-2{ margin: 2px;}
.m-3{ margin: 5px;}
.m-4{ margin: 10px;}
.m-5{ margin: 15px;}
.m-6{ margin: 25px;}

.mx-auto {margin:0 auto;}
.mx-0 { margin-left:0px; margin-right: 0px; }
.mx-1 { margin-left:1px; margin-right: 1px; }
.mx-2 { margin-left:2px; margin-right: 2px; }
.mx-3 { margin-left:5px; margin-right: 5px; }
.mx-4 { margin-left:10px; margin-right: 10px; }
.mx-5 { margin-left:15px; margin-right: 15px; }
.mx-6 { margin-left:25px; margin-right: 25px; }

.my-0 { margin-top:0px; margin-bottom: 0px; }
.my-1 { margin-top:1px; margin-bottom: 1px; }
.my-2 { margin-top:2px; margin-bottom: 2px; }
.my-3 { margin-top:5px; margin-bottom: 5px; }
.my-4 { margin-top:10px; margin-bottom: 10px; }
.my-5 { margin-top:15px; margin-bottom: 15px; }
.my-6 { margin-top:25px; margin-bottom: 25px; }

.my-auto {margin: auto 0;}

.mt-0{ margin-top: 0px;}
.mt-1{ margin-top: 1px;}
.mt-2{ margin-top: 2px;}
.mt-3{ margin-top: 5px;}
.mt-4{ margin-top: 10px;}
.mt-5{ margin-top: 15px;}
.mt-6{ margin-top: 35px;}

.mb-0{ margin-bottom: 0px;}
.mb-1{ margin-bottom: 1px;}
.mb-2{ margin-bottom: 2px;}
.mb-3{ margin-bottom: 5px;}
.mb-4{ margin-bottom: 10px;}
.mb-5{ margin-bottom: 15px;}
.mb-6{ margin-bottom: 35px;}

.mr-0{ margin-right: 0px;}
.mr-1{ margin-right: 1px;}
.mr-2{ margin-right: 2px;}
.mr-3{ margin-right: 5px;}
.mr-4{ margin-right: 10px;}
.mr-5{ margin-right: 15px;}
.mr-6{ margin-right: 35px;}

.ml-0{ margin-left: 0px;}
.ml-1{ margin-left: 1px;}
.ml-2{ margin-left: 2px;}
.ml-3{ margin-left: 5px;}
.ml-4{ margin-left: 10px;}
.ml-5{ margin-left: 15px;}
.ml-6{ margin-left: 35px;}

.p-0 { padding: 0px !important; }
.p-1 { padding: 1px; }
.p-2 { padding: 2px; }
.p-3 { padding: 5px; }
.p-4 { padding: 10px; }
.p-5 { padding: 15px; }
.p-6 { padding: 35px; }

.pr-0{ padding-right: 0px;}
.pr-1{ padding-right: 1px;}
.pr-2{ padding-right: 2px;}
.pr-3{ padding-right: 5px;}
.pr-4{ padding-right: 10px;}
.pr-5{ padding-right: 15px;}
.pr-6{ padding-right: 35px;}

.pl-0{ padding-left: 0px;}
.pl-1{ padding-left: 1px;}
.pl-2{ padding-left: 2px;}
.pl-3{ padding-left: 5px;}
.pl-4{ padding-left: 10px;}
.pl-5{ padding-left: 15px;}
.pl-6{ padding-left: 35px;}

.px-0 { padding-left:0px; padding-right: 0px; }
.px-1 { padding-left:1px; padding-right: 1px; }
.px-2 { padding-left:2px; padding-right: 2px; }
.px-3 { padding-left:5px; padding-right: 5px; }
.px-4 { padding-left:10px; padding-right: 10px; }
.px-5 { padding-left:15px; padding-right: 15px; }
.px-6 { padding-left:25px; padding-right: 25px; }

.df { display: flex; }
.dn { display: none !important; }
.dh { display: hidden !important; }
.db { display: block; }
.df-0 { flex:0; }
.df-1 { flex:1; }
.df-2 { flex:2; }
.df-3 { flex:3; }
.df-4 { flex:4; }
.df-5 { flex:5; }
.df-6 { flex:6; }
.df-7 { flex:7; }
.df-8 { flex:8; }
.df-9 { flex:9; }
.df-10 { flex:10; }
.df-11 { flex:11 }
.df-12 { flex:12 }
.df-r { flex-direction: row; }
.df-c { flex-direction: column; }
.minw-btn { width:150px;}

.as-s { align-self:flex-start;}
.as-c { align-self:center;}
.as-e { align-self:flex-end;}
.ai-s { align-items: flex-start; }
.ai-c { align-items: center; }
.ai-e { align-items: flex-end; }
.ji-s { justify-items: flex-start; }
.ji-c { justify-items: center; }
.ji-e { justify-items: flex-end; }
.jc-s { justify-content: flex-start; }
.jc-c { justify-content: center; }
.jc-e { justify-content: flex-end; }
.jc-sb { justify-content: space-between;}
.jc-sa { justify-content: space-around;}

.max-h-80 { max-height:80%;}
.w-100 { width:100% !important }
.w-80 { width:80% !important }
.w-60 { width:60% !important }
.w-40 { width:40% !important }
.w-20 { height:20% !important }

.h-100 { height:100% !important }
.mh-100 { min-height:100% !important }
.mw-100 { min-width:100% !important }
.h-80 { height:80% !important }
.h-60 { height:60% !important }

.of-h { overflow:hidden; }

.po-a { position: absolute;}
.po-r { position: relative;}
.r-0 { right:0 }

/* .z-18 { z-index: 18 }; */

.text-center{ text-align: center; }

.text-h1 { font-size: .75em ; }
.text-h2 { font-size: 1em ; }
.text-h2a { font-size: 1.3em ; }
.text-h3 { font-size: 1.5em ; }
.text-h3a { font-size: 1.8em ; }
.text-h4 { font-size: 2em ; }
.text-h5 { font-size: 2.5em ; }

.text-normal { font-weight: normal; }
.text-bold { font-weight: bold; }

.text-light-gray { color: #AAA !important; }
.text-dark-gray { color: #777 !important; }
/* .text-light-blue { color: #24bce3 !important; } */
.text-dark-blue { color: #203864 !important; }
.text-white { color: #fff !important; }
.link-file-visualizer { font-size: .8em; }

.btn { min-width:90px;height:calc(2.25rem + 2px);display:flex;align-items:center;justify-content:center;color:white;margin:0 5px 5px 0;background-color:#ddd;cursor:pointer;padding:0 10px;border:unset;font-size:1em; }
div[disabled], button[disable], input[disabled], select[disabled] { color:white !important; background-color:#ddd !important; cursor: default; }
.btn-lightgray { background-color:#aaa; }
.btn-lightgray:active { background-color:#777; }


.bg-success { background-color: #28a745;}
.bg-warning { background-color: #ffc107;}
.bg-light-gray { background-color: #d6d6d6; }
.bg-dark-gray { background-color: #555; }

/* .bg-light-blue { background-color: #24bce3; } */
.bg-dark-blue { background-color: #203864; }
.bg-white { background-color: #fff; }
.bg-block { background-color:rgba(255, 255, 255, .8); }
.bg-black { background-color:#000;}

.bg-border-selected { border: 3px solid #3fa9ff }
.bg-border-unselected { border: 3px solid rgba(0, 0, 0, 0) }

.hand { cursor: pointer; }

#content-whatsapp { width:50px;height:50px;position:fixed;bottom:35px;right:35px; }
#content-whatsapp > a > img { width:50px;height:auto;cursor:pointer;; }

input, select {
    display:inline-block;
    width:100%;
    height:calc(2.25rem + 2px);
    /* padding:.375rem 1.75rem .375rem .5rem; */
    line-height:1.5;
    vertical-align:middle;
    padding: 4px;
    margin: 0;
    font-size: 1em;
    color: #555;
    box-sizing: border-box;
    border-radius: 5px;
    border:1px #d3d3d3 solid;
}
textarea{
    display:inline-block;
    width:100%;
    line-height:1.5;
    vertical-align:middle;
    padding: 4px;
    margin: 0;
    font-size: 1em;
    color: #555;
    box-sizing: border-box;
    border-radius: 5px;
    border:1px #d3d3d3 solid;
    font-family: 'ghothic';
}
input, textarea {
    padding:0 15px;
}
select {
    display:inline-block;
    width:100%;
    height:calc(2.25rem + 2px);
    padding:.375rem 1.75rem .375rem .75rem;
    line-height:1.5;
    color:#d6d6d6;
    vertical-align:middle;
    background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size:8px 10px;    
    border:1px #d3d3d3 solid;
    border-radius:.25rem;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}

input:focus,
select:focus,
.custom-select:focus,
textarea:focus{
    background-color:#fff;
    border-color:#3fa9ff;
    outline:0;
    box-shadow:0 0 0 .2rem rgba(0,123,255,.25);
}
input::placeholder,
select::placeholder,
textarea::placeholder {
    color:#aaa;
}
.is-invalid { background-color:#fff;border-color:#d41500;outline:0;box-shadow:0 0 0 .2rem #d4150044; }

#items-wrapper { width:100vw; }
#items { display:flex;height:100vh;overflow-x:hidden;scroll-snap-type: x mandatory;scroll-behavior: smooth;-webkit-overflow-scrolling: touch;}
.item { flex:none !important;scroll-snap-align:start; }

#carrossel-selector { position:absolute;bottom:30px;background-color:#006fa900;left:50%;border-radius:50vh;transform:translateX(-50%);display:flex;align-items:center;padding:0 5px;z-index:2; }
.carrossel-selector-item { width:20px;height:20px;margin:5px 15px;background:unset;display:flex;align-items:center;justify-content:center;border-radius:50%; }
.carrossel-selector-item > div { width:80%;height:80%;background-color:#fff;border-radius:50%;border:1px solid #203864; }
.carrossel-selected { background-color:#d41500 !important; }
/* .carrossel-selected { border:3px solid #d41500 ; } */

.unselect { -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; }