html,body{
    margin: 0!important;
    padding: 0!important;
    width: 100%;
    height: 100%;
    position: absolute;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
body{
    background-color: white;
}
.section {
    color: white;
    text-shadow: 1px 1px 4px #000000;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    white-space: nowrap;
}
.sectionnp{
    color: white;
    text-shadow: 1px 1px 4px #000000;
}
#sec1{
    background-image: url(../img/index1.png);
}
#sec2{
    background-image: url(../img/index2.png);
}
#sec3{
    background-image: url(../img/index3.png);
}
#sec4{
    background-image: url(../img/index4.png);
}
#sec5{
    background-image: url(../img/index5.png);
}
#sec6{
    background-color: #202020;
}
#sec7{
    background-color: #202020;
    padding: 15px;
    padding-bottom: 95px;
}
#liv_rec{
    height: 90px
}
#footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10px;
    background-color: #202020;
    color: white;
}
.footer-fdiv{
    flex:1;
}
.footer-ldiv{
    flex:0;
}
.footer-fdiv h4{
    padding-left:4%;
}
.footer-fdiv p{
    padding-left:2%;
    margin:0;
}
.footer-ldiv button{
    background-color: whitesmoke;
    color: var(--bs-body-color);
    border-radius:0;
    outline:none;
    border:none;
    padding:5px 10px;
    font-size:125%;
    font-weight:600;
    vertical-align:middle;
    margin-right:20px;
}
.intro{
    display: inline-block;
    vertical-align: middle;
    width: 90%;
    margin: auto;
    white-space: normal;
}
#intro-form-contacto{
    width:75%;
    margin:auto;
}
#form-contacto-index{
    text-align:left;
}
#sup_mensagem {
    margin-top: 0.25vw;
    width: 100%;
    background-color: #ddd;
    outline: none;
    border: none;
    border-radius: 5px;
    padding: 0.25vw 0.5vw;
    display: block;
}
#sup_enviar {
    font-size: 16px;
    background-color:#ddd;
    color:#202020;
}
.fullheight{
    height: 100%;
}
.fullwidth{
    width: 100%;
}
h1,h2,h3,h4,h5,h6,p{
    cursor: default;
}
.block{
    display: block;
}
.centered{
    text-align: center;
    margin: auto;
}
.float-r{
    float: right!important;
}
.underline{
    text-decoration: underline;
    color: white;
}
.underline:hover{
    color: silver!important;
}
.t-left{
    text-align: left;
}
.m-l-30px{
    margin-left: 30px;
}
.pad-15px{
    padding: 15px;
}
.no-vert-pad{
    padding-top: 0!important;
    padding-bottom: 0!important;
}
.invert:hover{
    filter: invert(1);
}
.no-decoration{
    text-decoration: none;
}
.overflow-dots{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pntr:hover{
    cursor: pointer!important;
}
.doubleclick-select{
    user-select: none; /* standard syntax */
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}
button:focus{
    outline: none!important;
}
.btn-close:focus{
    box-shadow: none!important;
    outline: none!important;
    border: none!important;
}
.close:focus{
    outline: none!important;
}
.btn-base{
    background-color: #202020;
    border: none;
    outline: none;
    padding: 7px 25px;
    color: white;
}
.normal-a{
    text-decoration: none;
    color: white!important;
    display: table;
}
.disabled{
    opacity: 0.6;
}
.none{
    display: none;
}
.num-no-arrows::-webkit-outer-spin-button,.num-no-arrows::-webkit-inner-spin-button {
    display: none; /*<- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.num-no-arrows{
    -moz-appearance:textfield; /* Firefox */
}
.flex-parent{
    display: flex;
}
.helper{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.border-color-red{
    border-color: #b90000;
}
.modal{
    padding:0!important;
}
.modal-content{
    background-color:#353535!important;
    color:white;
    padding: 5%;
}
.modal-header{
    border:none!important;
    padding-top: 0!important;
}
.modal-feedback-content img{
    margin: auto;
    display: block;
    max-width: 15%;
}
.modal-feedback-content h1{
    font-size: 200%;
    text-align: center;
}
.modal-feedback-content button{
    margin: auto;
    display: block;
    background-color: #202020;
    border: none;
    outline: none;
    color: white;
    width: 25%;
    padding: 5px 15px;
    border-radius: 5px;
    margin-top: 5%;
}
#modal-alt-resp-shell{
    max-width: 40%;
    width:40%;
}
.news-modal-add .modal-dialog, #add-modal-faq .modal-dialog, #modal-add-ticket .modal-dialog{
    max-width: 70%;
    width:70%;
}
.news-modal-add .modal-content, #add-modal-faq .modal-content, #modal-add-ticket .modal-content{
    width:100%;
    background-color:#353535;
    padding: 3% 3.5% 2% 3.5%;
}
.close{
    filter: brightness(0) invert(1);
}
.designer-optns{
    position:fixed;
    width:100%;
    left:0;
    bottom:0;
    color:white;
    background-color:#202020;
    padding:10px;
}
.designer-optns h1{
    flex:1;
}
.designer-optns button{
    flex:0;
    white-space:nowrap;
    background-color:whitesmoke;
    color:black;
    margin: 7px 15px;
}
.own-navbar {
    background-color: #202020;
    position: absolute;
    top: 0;
    width: 100%;
    display: block;
    transition: top 0.3s;
    z-index: 1;
    overflow: hidden;
}
.own-navbar .icon{
    display: none;
}
.own-navbar .navbar-logo{
    padding: 0;
}
.own-navbar .navbar-logo:hover{
    background-color: #202020;
}
.own-navbar a {
    float: left;
    display: block;
    color: white!important;
    text-align: center;
    padding: 0.75vw 1vw;
    text-decoration: none;
    height: 60px;
    max-height: 6.5vw;
    margin: auto;
    font-size: min(17px, 1.8vw);
}
.own-navbar a img{
    max-height: 100%;
    padding: 0.7vw 0.5vw 0.7vw 0.7vw;
}
.own-navbar a:hover {
    background-color: whitesmoke;
    color: black!important;
}
.own-navbar a span{
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
}
.own-navbar h1{
    color:white;
    display: inline-block;
}
#btn-top {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #202020;
  color: white;
  padding: 15px;
  border-radius: 10px;
}
#btn-top img{
    max-height: 45px;
    max-width: 45px;
}
.cnfrm-del{
    position:absolute;
    margin-left:-40px!important;
}
.tablink{
    background-color: #454545;
    color: white;
    float: left;
    border: none;
    outline: none;
    cursor: default;
    padding: 3% 5%;
    font-size: min(20px, 2.2vw);
    width: 100%;
    text-align: center;
    margin-bottom: 2vw;
    line-height: unset;
}
.tablink img{
    height: 100%;
    float: left;
    max-width: 2vw;
    padding-top: 0.25vw;
    margin-right: -20px;
}
.tabcontent{
    color: white;
    padding: 3.5vw 2.5vw;
    text-align: center;
}
.no-border{
    border: none!important;
}
#login{
    background-color:#353535;
}
#register{
    background-color:#353535;
}
#login-body{
    background: url(../img/hardware-photo.png) no-repeat;
    background-size: cover;
}
#login-b4-all{
    padding-top: 12%;
}
.login-all{
    display: block;
    margin: auto;
    width: 500px;
    max-width: 50%;
    height: auto;
}
.login-all form{
    padding-bottom: 3.5vw;
}
.login-field, .login-field label, .login-field input{
    display: block;
    text-align: left;
}
.login-field{
    width: 90%;
    margin: auto;
}
.login-field label{
    margin-top: 0.75vw;
    font-size: min(17px, 1.5vw);
}
.login-field input{
    margin-top: 0.25vw;
    width: 100%;
    background-color: #555;
    outline: none;
    border: none;
    border-radius: 0.5vw;
    color: white;
    padding: 0.25vw 0.5vw;
    font-size: min(17px, 1.5vw);
}
.login-all form button{
    width: 100px;
    max-width: 10vw;
    padding: 0.35vw 1.5vw;
    font-size: 0.85vw;
    font-size: min(15px, 1.3vw);
    background-color: #202020;
    outline: none;
    border: none;
    color: white;
    transition: 0.25s;
    float: right;
}
.login-all form p{
    padding-left: 2vw;
    font-size: min(17px, 1.5vw);
    color: #b90000;
}
.btn-div{
    width: 90%;
    margin: auto;
    margin-top: 1vw;
}
.button-valido:hover{
    background-color: whitesmoke;
    color: #202020;
}
.login-error input{
    border: #b90000;
}
.btn-div p{
    float: left;
    font-size: min(15px,1.3vw);
}
.forgotpass{
    width: 90%;
    margin: auto;
    text-align: left;
    color: white!important;
    font-weight: 300;
    padding: 0;
    padding-left: 5px!important;
    padding-top: 10px;
    font-size: min(15px,1.3vw);
}
.btns-rec-pass{
    width: 90%;
    margin: auto;
    justify-content: space-evenly;
}
.btns-rec-pass a{
    flex: 1;
    margin: 0 10px!important;
}
#login-email p{
    padding: 0!important;
    margin: 0;
    text-align: center;
    color:white;
}
.support-header{
    color: white;
    text-align: center;
    padding: 3vw;
    padding-top: calc(3vw + 60px);
    background-color: #202020;
    margin-bottom: 3vw;
}
.support-header h1{
    font-size: 5vw;
}
.support-header form{
    display: flex;
    height: 35px;
    max-height: 3vw;
    width: 475px;
    max-width: 40vw;
    margin: auto;
    margin-top: 3vw;
}
.support-header input{
    flex: 1;
    margin: 0;
    border: 0;
    float: left;
    outline: none;
    height: 100%;
    padding: 0 0.8vw;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.support-header button{
    flex-basis: 12%;
    margin: 0;
    border: 0;
    outline: 0;
    height: 100%;
    float: right;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    box-sizing: border-box;
    background-color: rgb(0, 110, 255);
}
#body-faq{
    padding-bottom: 5%;
}
#faq-search-icon{
    max-width: 70%;
    max-height: 70%;
    text-align: center;
    display: block;
    margin: auto;
    margin-top: 5%;
}
.search-back{
    float:left;
    display:none;
    position: absolute;
}
.search-back img{
    max-width:30px;
    max-height:30px;
}
#faq-content{
    width: 60%;
    margin: auto;
}
.faq-button{
    background: transparent;
    border: none;
    outline: none;
    border-radius: 10px;
    padding: 5px 10px;
}
.faq-button img{
    max-width: 30px;
    max-height: 30px;
}
.faq-button h3{
    display: inline-block;
    font-size: 1.5vw;
    vertical-align: middle;
    margin: auto;
    cursor: pointer;
}
.qa{
    width: 100%;
    margin-bottom: 0.5vw;
}
.first-qaf{
    border: none!important;
}
.qa .qaf{
    border-top: 1px solid rgb(0,0,0,0.3);
    padding-top: 1.5vw;
    display: flex;
}
.qa .qaf h2{
    padding-left: 5px;
    margin: 0;
    text-indent: 1vw;
    font-size: 35px;
    vertical-align: bottom;
    transition: 0.4s;
    flex:1;
    word-break:break-word;
}
.qa .qaf img{
    max-width: 25px;
    max-height: 25px;
    vertical-align: unset;
    transform-origin: center;
    transition: 0.4s;
    flex:0;
    vertical-align:middle;
}
.faq-plus-rotate{
    transform: rotate(45deg);
}
.qa .qaf div{
    padding:0 5px 0 12px;
    border: none;
}
.qa .qas{
    padding: 0 1vw 0 2vw;
}
.qa .qas p{
    text-indent: 1vw;
    font-size: 20px;
    margin-bottom: 0;
    word-break: break-word;
}
.faq-options{
    display:flex;
    min-width: 300px;
    width:45%;
    margin:0 0 0 auto;
    padding-top: 15px;
}
.faq-options button, .faq-options div{
    flex:1 50%;
    margin-left: 10px;
}
.faq-options button, .faq-options input{
    outline:none;
    border:none;
    border-radius: 0;
    background-color:#202020;
    color:white;
}
.faq-options div input{
    width: 100%;
}
.qas{
    display: none;
}
.faq-selected h2{
    color: #b90000;
}
#last-qa{
    margin: 0;
}
#last-qa .qaf{
    padding: 0;
}
#add-modal-faq-body .modal-input{
    padding: 0 1.5%!important;
}
.qa > *, .qa iframe, .qa img{
    max-width: 95%;
}

#tickets{
    margin: auto;
    width: 80%;
}
#tickets-sidenav{
    float:left;
}
#tickets-sidenav div{
    border-right: 1px solid black;
    margin-top: 5.7vw;
    padding: 3vw;
    padding-left: 0;
    width: 100%;
}
#tickets-sidenav dd{
    margin-left: 1.5vw;
}
#tickets-sidenav a{
    display: block;
    color: var(--bs-body-color);
    text-decoration: none;
}
#tickets-sidenav a:hover{
    color: #b90000;
}
.sticky{
    top: 0;
    position: fixed;
}
#tickets-content{
    padding: 2vw;
    width: 100%;
}
.tickets-topbar{
    padding-top: 3vw;
}
.tickets-topbar .faq-button{
    padding-left:3vw;
}
#tickets-filtro{
    padding: 20px 3vw 0 3vw;
    display: flex;
    width: 100%;
    margin: 1vw 0;
}
#tickets-filtro div:first-child{
    flex:1;
    white-space: nowrap;
}
#tickets-filtro div:last-child{
    flex:0;
    white-space:nowrap;
}
#tickets-filtro label{
    font-size: min(20px, 1.9vw);
}
#tickets-filtro select{
    flex: 0;
    outline: none;
    border: none;
    border-bottom: 1px solid black;
    background-color: transparent;
    font-size: min(19px, 1.8vw);
}
#tickets-filtro input{
    outline: none;
    width: 250px;
    max-width: 35vw;
    font-size: 0.8vw;
    padding: 0.2vw 2vw 0.2vw 0.7vw;
    border: 1px solid black;
    border-radius: 20px;
    font-size: min(15px, 2.5vw);
}
#tickets-filtro button{
    outline: none;
    border: none;
    background-color: transparent;
    vertical-align: middle;
    padding: 3px;
    width: 25px;
    max-width: 3vw;
    max-height: 3vw;
    margin-left: -32px;
}
#tickets-filtro img{
    display: block;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    margin-top: -0.2vw;
}
#single-ticket-mobile{
    display: none;
    padding-top: 1vh;
}
#single-ticket-pc-estado, #single-ticket-pc-date{
    display: block;
}
.btn-fechatic{
    background-color:#202020;
    color:white;
    outline:none;
    border:none;
    padding:7px 15px;
    display:block;
    margin:auto;
}
.all-ticket{
    display: flex;
    white-space: nowrap;
    border-radius: 30px;
    margin-bottom: 2vw;
    padding: 0.5vw 0;
    box-shadow: 10px 10px 20px rgb(0,0,0,0.5);
    text-decoration: none;
    color: var(--bs-body-color);
    background-color: transparent;
    width: 100%;
    outline: none;
    border: none;
}
.all-ticket:hover{
    color: #b90000;
}
.all-ticket:focus{
    outline: none;
    border: none;
}
.single-ticket-b-info{
    flex:1;
    text-align: left;
    padding: 1.5vw 0 1.5vw 1vw;
}
.all-ticket h2{
    text-align: left;
    text-indent: 1vw;
    font-size: min(30px, 3vw)!important;
    white-space: normal;
    word-break: break-word;
}
.all-ticket .h2acc{
    padding-left: 2.5vw;
    font-size: min(16px, 2vw);
    text-align: left;
}
.all-ticket h3{
    flex: 0;
    margin: auto;
    padding-right: 1vw;
    font-size: min(22px, 2.2vw);
    text-align: right;
}
.all-ticket h4{
    flex-basis: 27.5%;
    margin: auto;
    font-size: min(19px, 1.7vw);
    text-align: center;
    color: orange;
    -webkit-text-stroke: 0.1px black;
    padding-right: 2vw;
}
#body-ticket{
    width:80%;
    margin:auto;
    display:flex;
    padding-top:60px;
}
.single-tickets{
    flex-basis:73%;
    margin:auto;
    padding-left:2%;
}
.first-single-ticket{
    width:100%;
    background-color:#e8e8e8;
    border-radius:20px;
    padding:25px;
    margin-bottom:25px;
}
.first-single-ticket div{
    display:flex;
}
.first-single-ticket div h2{
    flex:1;
    margin:0;
    margin-bottom: 2vw;
}
.first-single-ticket h2 span{
    display:block;
    font-size:20px;
    padding-left:20px;
}
.first-single-ticket div h5{
    text-align:right;
    flex:0;
    margin:0;
}
.first-single-ticket h5 span{
    display:block;
    font-size:17px;
}
.first-single-ticket p{
    padding:0 7.5%;
    margin:0;
    text-indent:35px;
}
.first-single-ticket form{
    padding-top:15px;
}
.first-single-ticket form button{
    background-color:#202020;
    color:white;
    outline:none;
    border:none;
    padding:7px 15px;
    display:block;
    margin:auto;
}
.old-data-acc{
    display:flex;
    justify-content:center;
}
.old-data-acc h3 span{
    display: block;
    text-align: center;
}
.old-data-acc h3 span:first-child{
    font-size: 30px;
}
.old-data-acc h3 span{
    font-size: 18px;
}
.data-change-acc{
    padding: 0 25px;
}
.data-change-acc img{
    max-height: 45px;
    margin: auto;
}
.single-tickets-replies{
    padding-bottom:60px;
}
.ticket-reply-txtarea{
    width:100%;
    border:none;
    outline:none;
    background-color:#e8e8e8;
    border-radius:20px;
    padding:10px;
    resize:none;
    margin-bottom: 10px;
    height:120px;
    line-height:20px;
}
.ticket-reply-btn{
    background-color:#202020;
    color:white;
    outline:none;
    border:none;
    padding:7px 15px;
    float:right;
}
.single-ticket{
    width:100%;
    border-radius:20px;
    padding:25px;
    padding-bottom: 35px;
    margin-bottom: 1vw;
    background-color:whitesmoke;
}
.single-ticket > *, .single-ticket iframe, .single-ticket img{
    max-width: 95%;
}
.first-single-ticket > *, .first-single-ticket iframe, .first-single-ticket img{
    max-width: 95%;
}
.single-ticket div{
    display:flex;
    padding-bottom: 1.5vw;
}
.single-ticket h3{
    flex:1;
    margin:0;
}
.single-ticket h3 span{
    display:block;
    font-size:17.5px;
    padding-left:20px;
}
.single-ticket h6{
    text-align:right;
    flex:0;
    margin:0;
}
.single-ticket h6 span{
    display:block;
    font-size:13.6px;
}
.single-ticket p{
    padding:0 7.5%;
    margin:0;
    text-indent:10px;
}
.single-tickets-info{
    flex-basis:23%;
    border-right:1px solid #202020;
    padding: 10px 10px 10px 0;
}
.single-tickets-info a img{
    max-width:45px;
    max-height:45px;
}
.single-tickets-info form{
    padding-top: 45px;
}
.single-tickets-info form div{
    padding-bottom: 15px;
}
.single-tickets-info form div label{
    opacity: 0.5;
}
.single-tickets-info form div h4{
    text-align:left;
    padding-left:10px;
}
.disclaimer-48h{
    color: #b90000;
    text-align: center;
    font-weight: 500;
}
#ticket-date-mobile{
    display: none;
}
#ticket-date-pc{
    display: block;
}
.solved{
    color: limegreen!important;
}
#body-users{
    background-color: white;
}
#modal-alt-table{
    border-spacing:0;
    border-collapse: unset;
    width:100%;
}
#modal-alt-table th{
    padding-left: 0.5vw;
}
.select-cli{
    width: 20px;
    height: 20px;
    outline: none;
    border: none;
}

.container {
    display: block;
    position: relative;
    padding-left: 0!important;
    padding-right: 0!important;
    margin-bottom: 1.35vw;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    width: 23px;
    height: 23px;
    background-color: #eee;
}
.container:hover input ~ .checkmark {
    background-color: #ccc;
}
.container input:checked ~ .checkmark {
    background-color: #2196F3;
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.container input:checked ~ .checkmark:after {
    display: block;
}
.container .checkmark:after {
    left: 34%;
    top: 22%;
    width: 7px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.nomwidth{
    max-width: 0;
}
.user-display-name-email{
    padding: 3% 3% 3% 35px;
}
.user-display-name-email h2{
    margin: 0;
    font-size: 200%;
    word-break: break-word;
}
.user-display-name-email h3{
    margin: 0;
    font-size: 100%;
    text-indent: 7.5%;
    word-break: break-word;
}
.tec-display-name-email{
    text-align: center;
    margin-top: -0.7vw;
}
.tec-display-name-email h2{
    margin: 0;
    font-size: 250%;
    word-break: break-word;
}
.tec-display-name-email h3{
    margin: 0;
    font-size: 125%;
    word-break: break-word;
}
.table-tec-change-select{
    width: 30%;
    min-width: 100px;
}
.table-tec-change-select select{
    text-align: center;
    width: 100%;
}
#select-all-change{
    margin: auto;
    display: block;
    text-align: center;
    max-width: 70%;
}
.support-header-simple{
    color: white;
    text-align: center;
    padding: 3vw;
    padding-top: calc(3vw + 60px);
    background-color: #202020;
}
.support-header-simple h1{
    font-size:5vw;
}
.users-header{
    color: white;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 0;
    background-color: #202020;
}
.users-header h1{
    padding: 3vw;
    font-size: 5vw;
}
.tabs{
    overflow: hidden;
    border: none;
    background-color: #202020;
    display: flex;
    width: 70%;
    margin: auto;
}
.users-tabs{
    width: 70%;
    margin: auto;
    background-color: whitesmoke;
    padding-top: 1vw;
}
.tabslinks{
    flex: 1;
    font-size: 1.15vw;
}
.tabs button {
    background-color: inherit;
    color: white;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 1.5% 1.6%;
    transition: 0.3s;
}
.tabs button:hover {
    background-color: #353535;
}
.tabs button.active {
    background-color:whitesmoke;
    color: var(--bs-body-color);
    font-size: 1.35vw;
}
.tabscontent {
    display: none;
    padding: 6px 12px;
    border-bottom: 1px solid #ccc;
    border-top: none;
}
.create-user{
    width:100%;
    padding:0 5% 7% 5%;
}
.create-user-field{
    width: 90%;
    margin: auto;
}
.create-user-field-left-flex{
    flex:0.7;
    margin-right: 2.5%;
}
.create-user-field-right-flex{
    flex:0.3;
    margin-left:2.5%;
}
.create-user-field div{
    width: 100%;
}
.create-user-label{
    margin: 0;
    padding-top: 0.5vw;
    display: block;
}
.create-user-field input, .create-user-field select{
    margin-top: 0.25vw;
    width: 100%;
    height: 40px;
    background-color: #ddd;
    outline: none;
    border: none;
    border-radius: 5px;
    padding: 0.25vw 0.5vw;
    display: block;
}
.create-user-field select{
    margin-top: -0.02vw;
    text-align: center;
}
.create-user-field select option{
    text-align: center;
}
.create-user-warning{
    font-size: 20px;
    color: #b90000;
    margin-top: 1.5vw;
    margin-left: 5%;
    padding-left: 5%;
    float: left;
}
.create-user-submit{
    width: 6vw;
    padding: 0.35vw 1.5vw;
    font-size: 0.85vw;
    background-color: #202020;
    outline: none;
    border: none;
    color: white;
    float: right;
    margin-right: 5%;
    margin-top: 1.5vw;
}
.single-user-own{
    background-color:#ddd;
    border-radius:10px;
    padding: 1% 0.5%;
}
.single-user{
    display: flex;
    transition: .4s;
}
.single-user-pad-one{
    margin-left:2vw!important;
    border-left: 1px solid #666;
}
.single-user-pad-two{
    padding-left:4vw!important;
}
.single-user div:first-child{
    flex: 1;
}
.single-user-b-info{
    white-space: nowrap;
    padding: 0.75vw 0;
}
.single-user-display-info{
    padding:0;
    margin:0;
    vertical-align:middle;
    display:inline-block;
    white-space: normal;
}
.single-user-display-info h2{
    margin: 0;
    font-size: 2vw;
    text-indent: 1vw;
    word-break: break-word;
}
.single-user-display-info h3{
    text-indent: 1vw;
    padding-left: 1vw;
    font-size: 1vw;
    margin: 0;
    word-break: break-word;
}
.single-user h4{
    flex-basis: 15%;
    font-size: 1vw;
    text-align: center;
    padding-right: 3vw;
    margin: auto;
}
#users-options-mobile{
    display: none;
}
.single-user form{
    display: flex;
    flex: 0;
}
.single-user form button{
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    margin: 1.3vw 0.8vw;
    padding: 0.3vw;
    border-radius: 10px;
}
.single-user form button img{
    display: block;
    margin: auto;
    max-width: 1.5vw;
    max-height: 1.5vw;
    transition: 0.4s;
}
.disabled-user-icon img{
    transform-origin: center;
    transform: rotate(45deg);
}
.input-pass{
    display: flex;
}
.input-pass div{
    flex: 1;
}
.table-right-divider{
    border-right: 1px solid white;
    width: 5%;
    padding-right:0.5%;
    margin: auto;
    text-align: center;
}
.table-bottom-divider{
    border-bottom:1px solid white;
    padding: 0.5vw 0;
}
.body-modal{
    padding: 0 2.5%!important;
}
.body-modal textarea{
    height: 80px!important;
}
.modal-label{
    display:block;
    margin:0;
    padding-top:0.65vw;
}
.modal-input{
    width: 100%;
    background-color: #ddd;
    border-radius: 5px;
    border: none;
    outline: none;
    height: 30px;
    padding: 1% 3%;
}
.modal-btns{
    padding: 1vw 0 0 0;
    width:30%;
    float: right;
}
.modal-btns button{
    width:100%;
    padding: 0.375vw 0.5vw;
    outline:none;
    border:none;
    background-color:#202020;
    color:white;
    transition: 0.2s;
}
.grid-downloads{
    width:80%;
    margin:auto;
    display:flex;
    flex-wrap:wrap;
    justify-content: space-evenly;
}
.downloads-card-parent{
    flex-basis: 33%;
    text-align:left;
    padding: 4%;
    display:flex;
    flex-direction: column;
    position: relative;
}
.downloads-card{
    height: 100%;
    width: 100%;
    text-decoration: none;
    color: var(--bs-body-color);
    position: relative;
    box-shadow: 10px 10px 20px rgb(0,0,0,0.3);
    transition: 0.25s;
    cursor: default;
    display: flex;
}
.downloads-card:hover{
    box-shadow: 10px 10px 20px rgb(0,0,0,0.5);
    text-decoration: none;
    color: #b90000;
}
.downloads-card div div:first-child{
    flex:0.3;
    text-align:center;
    white-space: nowrap;
}
.downloads-card div{
    flex-basis: 100%;
    flex-grow: 1.5;
}
.downloads-card div a{
    display: block;
    margin: auto;
    width: 75px;
    height: 75px;
    border-radius: 50px;
    position: relative;
    text-align: center;
}
.downloads-card div img{
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 75px;
    max-height: 75px;
    padding: 15px;
    margin: auto;
}
.downloads-options{
    width: 35px;
    margin: 3%;
    white-space: nowrap;
    position: absolute!important;
    right: 10.5%;
}
.downloads-options img{
    width: 100%;
    max-width: unset!important;
    max-height: unset!important;
    padding: 0!important;
    display: unset!important;
}
.downloads-options button{
    background-color: transparent;
    border: none;
    outline: none;
    padding: 35%;
    width: 100%;
    position: relative;
    display: inline-block;
    z-index: 1;
}
.downloads-options-list{
    min-width: 0!important;
    background: whitesmoke!important;
    border: 1px solid rgb(0, 0, 0, 0.2)!important;
    border-radius: 3px!important;
    width: 100px;
    overflow: hidden;
    opacity: 1!important;
    z-index: 1;
    padding: 0!important;
}
.downloads-options-list button, .downloads-options-list input{
    padding: 0;
    width: 100%;
    text-align: center;
    height: auto;
    border-radius: 0;
    background-color: whitesmoke;
    outline: none;
    border: none;
}
.downloads-options-list button:hover, .downloads-options-list input:hover{
    background-color: #ddd;
}
.flex-parent-down{
    display: flex;
}
.flex-parent-down div{
    flex:1;
}
.custom-file-upload{
    height:100%;
    padding: 3px 13px;
    background: #202020;
}
.custom-file-upload i{
    vertical-align:middle;
}
.custom-file-upload span:last-child{
    vertical-align:middle;
    font-size: 90%;
    margin-left:7px;
}
.upload-name{
    text-align: center;
    color: white;
    font-size: 11px;
    display:block;
    word-break:break-word;
}
.downloads-add-card{
    outline: 3px dashed #202020;
    display: block;
    opacity: 0.5;
    background: transparent;
    border: none;
    box-shadow: 10px 10px 20px rgb(0,0,0,0.5);
    transition: 0.25s;
    min-height: 200px;
}
.downloads-add-card:hover{
    opacity: 1;
}
.downloads-add-card:focus:not(:focus-visible){
    outline: 3px dashed #202020;
    opacity: 0.5;
}
.downloads-add-card div{
    display: block;
    margin: auto;
    width: 75px;
    height: 75px;
    outline: 4px dotted #202020;
    border-radius: 50px;
}
.downloads-add-card div div{
    margin: auto;
    display: block;
    width: 75px;
    height: 0;
    border-radius: 50px;
    padding-top: 100%;
    outline: none;
    position: relative;
}
.downloads-add-card div div img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 75px;
    max-height: 75px;
    vertical-align: middle;
    margin: auto;
}
.download-btns{
    display:flex;
    width:50%;
    margin:auto;
    float:none;
}
.download-btns button{
    flex:1;
}
.download-btns button:first-child{
    margin-right:10px;
}
.downloads-info{
    height:auto;
    text-align: center;
    padding-bottom: 15%;
}
.downloads-info h3{
    margin:0;
    padding-bottom:2%;
    word-break: break-word;
}
.downloads-info p{
    margin:0;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
    max-height: 66px;
    display: -webkit-box;
    word-break: break-word;
    white-space: unset;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.news-content{
    width:75%;
    margin:auto;
}
.news-topbar{
    display: flex;
    padding: 0 3vw;
    margin-top: 2vw;
    margin-bottom: -1vw;
}
.news-topbar-add{
    flex:1;
}
.news-topbar-add button{
    padding-left:3vw;
}
.news-topbar-add button img{
    width: 30px;
    max-width: 2.8vw;
    max-height: 2.8vw;
}
.news-topbar-add h3{
    padding-left: 0.65vw;
    font-size: min(23px, 2vw);
}
.news-topbar-categ{
    text-align:right;
    flex:1;
    white-space: nowrap;
}
.news-topbar-categ select{
    max-width: 25vw;
    padding: 0 0.5vw;
    font-size: min(18px, 1.75vw);
    text-align: center;
    margin-bottom:0;
    margin-top:auto;
    vertical-align:middle;
    background:transparent;
    border:none;
    outline:none;
    border-bottom:1px solid black;
}
.single-new{
    background-color: whitesmoke;
    border-radius:15px;
    padding:15px;
    margin:5% 0;
    overflow: hidden;
}
.single-new-topbar{
    width:100%;
    margin:0;
    padding: 2% 2% 0 2%;
    display:flex;
}
.single-new-topbar span{
    font-size: min(20px, 2.25vw);
    flex:1;
}
.single-new-topbar span:first-child{
    text-align:left;
}
.single-new-topbar span:last-child{
    text-align:right;
}
.news-text-control{
    padding:0 2.5%;
}
.single-new div text{
    word-break: break-word;
}
.single-new div > *, .single-new div iframe, .single-new div img{
    max-width: 100%;
}
.news-options{
    display:flex;
    width:40%;
    margin:0 0 0 auto;
    padding-top: 15px;
}
.news-options div{
    background-color: transparent!important;
    padding: 0!important;
}
.news-options div input{
    flex:unset;
    width: 100%;
    height: 100%;
    margin-left: none!important;
    background-color: #202020;
    border-radius: 0;
    color: white;
}
.news-options button,.news-options div{
    flex:1 50%;
    margin-left: 10px;
    font-size: min(100%, 1vw);
    outline:none;
    border:none;
    border-radius: 0;
    background-color:#202020;
    color:white;
    padding: 5px 10px;
}
.news-options button:first-child{
    margin-left: 0;
}
.news-modal-text-holder{
    color:black!important
}
.news-modal-text-holder p{
    cursor: text;
}
.modal-new-topbar{
    display: flex;
    margin-bottom: 2vw;
    padding: 0 5%;
}
.modal-new-topbar div{
    flex-basis: 50%;
}
.modal-new-topbar label{
    display: block;
    margin: 0;
    font-size: 1.5vw;
}
.modal-new-topbar input{
    margin-left: 2vw;
    width: 100%;
}
.modal-new-topbar input:focus{
    box-shadow: none;
    outline: none;
}
#btn-noticia-pc{
    display: block;
}
#btn-noticia-mobile{
    display: none;
}
.modal-new-topbar button{
    height: 45px;
    flex-basis: 20%;
    display: block;
    margin-top: auto;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: 0;
}

.div-registo {
    padding: 2.5% 0;
    margin: 0 5%;
}
.other-table-reg{
    width: 75%;
}
.other-table-reg td{
    word-break: break-word;
}
.table-reg{
    text-align: center;
    margin: auto;
    width: 100%;
}
.table-bottom-divider-reg{
    border-bottom: 1px solid #202020;
}
#table-reg-tipo{
    width: 15%;
}
#table-reg-tsub{
    width: 20%;
}
.table-reg-user-display{
    text-align: left;
    padding-left: 3%;
}
.table-reg-user-display h2{
    font-size: 125%;
    word-break: break-word;
    margin: 0;
}
.table-reg-user-display h3{
    font-size: 100%;
    word-break: break-word;
    margin: 0;
    text-indent: 4%;
}
.table-reg-title{
    width:85%;
    padding-left:50px;
}
.lpad-other-table-reg{
    padding-left:15px;
}
.bpad-h3-10{
    padding-bottom:10px;
}
.reg-ticket-data{
    width: 50%;
    margin: auto;
}
.reg-ticket-data div{
    flex: 1;
}
.reg-ticket-data-f{
    flex-direction: column;
}
.reg-ticket-data h4, .reg-ticket-data h5{
    margin: 0;
}
.reg-ticket-data-f-l{
    padding: 0 0 10px 5%;
}
.reg-ticket-data-tt{
    font-size: 175%;
}
.reg-title-graphs{
    padding: 25px 0 10px 0;
}
canvas {
	display: block;
    box-sizing: border-box;
}

#bodyupdtemail{
    background-color:whitesmoke;
    width:80%;
    margin:auto;
    border-bottom:1px solid #ccc;
    padding:50px 0;
}
.updtemail-displaychange{
    display:flex;
    margin:auto;
    width:90%;
}
.updtemail-displaychange-imgholder div{
    flex:0;
    padding: 25px 20px 0 20px;
}
.updtemail-displaychange-imgholder img{
    max-height:45px;
}
.updtemail-displaychange h3{
    margin:0;
    flex:1;
    text-align:center;
}
.updtemail-displaychange-fspan{
    flex:1;
    text-align:center;
    font-size:22px;
    display:block;
    padding-bottom:10px;
}
.updtemail-displaychange-lspan{
    display:inline-block;
    vertical-align:middle;
    font-size:28px;
    text-align:center;
    word-break:break-word;
}
.updtemail-label-inpt{
    width:85%;
    margin:auto;
    text-align:center;
    font-size:20px;
    padding: 50px 0 20px 0;
}
.updtemail-form{
    width:50%;
    margin:auto;
    display:flex;
}
.updtemail-form input{
    border:none;
    outline:none;
    background-color:#ddd;
    border-radius:10px;
    flex:1;
    font-size:25px;
    padding: 0 10px;
}
.updtemail-form button{
    border:none;
    background-color:#202020;
    color:white;
    padding:10px 15px;
    font-size:20px;
    flex:0;
    margin-left:15px;
}
.updtemail-warning{
    color:#b90000;
    font-size:130%;
    padding-top:10px;
}

.updtpass-form h3{
    width:85%;
    margin:auto;
    text-align:center;
    font-size:;
    padding-bottom:20px;
}
.updtpass-form div{
    width:50%;
    margin:auto;
}
.updtpass-form input{
    border:none;
    outline:none;
    background-color:#ddd;
    border-radius:10px;
    width:100%;
    font-size:25px;
    padding: 5px 5px;
    text-align:center;
}
.updtpass-form button{
    border:none;
    background-color:#202020;
    color:white;
    padding:10px 15px;
    font-size:20px;
    flex:0;
    display:block;
    margin:10px auto;
}
.m-b-15px{
    margin-bottom: 15px;
}

@media only screen and (max-width: 870px) and (orientation: portrait){
    html,body{
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        position: absolute;
    }
    .flex-parent{
        display: unset;
    }
    .flex-parent div{
        margin: 0;
    }
    #modal-alt-resp-shell{
        max-width: unset;
        width: unset;
    }
    .own-navbar a:not(:first-child) {
        display: none;
    }
    .own-navbar a.icon {
        float: right;
        display: block;
    }
    .mobile {
        position: relative;
    }
    .own-navbar a {
        padding: 1.25vh;
        max-height: unset;
        font-size: 17px;
    }
    .own-navbar a img{
        max-height: 100%;
        padding: 0.7vh 0.5vh 0.7vh 0.7vh;
    }
    .mobile .icon {
        position: absolute;
        right: 0;
        top: 0;
    }
    .own-navbar .icon:hover img{
        content:url('../img/bars-icon-grey.png')!important;
    }
    .mobile a {
        float: none!important;
        display: block!important;
        text-align: left!important;
    }
    .modal-header{
        padding-top: 0.25vh;
    }
    .modal-label{
        padding-top:1vh;
    }
    .modal-btns{
        padding: 1vh 0 0 0;
        width: 30%;
        float: right;
    }
    .modal-btns button{
        width:100%;
        padding: 0.75vh 1vh;
        outline:none;
        border:none;
        background-color:#202020;
        color:white;
        transition: 0.2s;
    }
    .users-header h1{
        padding: 3vh;
        font-size: 6vh;
    }
    .tablink{
        float: left;
        padding: 14px 16px;
        font-size: 17px;
        width: 100%;
        text-align: center;
        margin-bottom: 2vh;
    }
    .tablink img{
        max-width: 20px;
        max-height: 20px;
        float: left;
        padding-top: 0.5vh;
        margin-right: -20px ;
    }
    .tabcontent{
        padding: 0;
        text-align: center;
    }
    #login-body{
        background: url(../img/motherboard-mobile.png) no-repeat;
        background-size: cover;
    }
    #login-b4-all{
        padding-top: 50%;
        height: 100%;
    }
    .login-all{
        display: block;
        margin: auto;
        width: 70%;
        height: 35%;
    }
    .login-all form{
        padding-bottom: 3.5vh;
    }
    .login-field, .login-field label, .login-field input{
        display: block;
        text-align: left;
    }
    .login-field{
        width: 90%;
        margin: auto;
    }
    .login-field label{
        margin-top: 0.75vh;
    }
    .login-field input{
        margin-top: 0.25vh;
        width: 100%;
        border-radius: 5px;
        padding: 0.3vh 0.5vh;
        font-size: 1.5vh;
    }
    .login-all form button{
        width: 5vh;
        margin: 0;
        padding: 0.8vh 1vh;
        font-size: 1.5vh;
        transition: 0.25s;
        display: block;
        width: 100%;
    }
    .btn-div{
        width: 100%;
        margin-top: 2vh;
        float: none;
    }
    .btn-div button:last-child{
        border: none;
    }
    .support-header-simple{
        color: white;
        text-align: center;
        padding: 3vh;
        padding-top: calc(3vh + 60px);
        background-color: #202020;
    }
    .support-header-simple h1{
        font-size:6vh;
    }
    .support-header{
        text-align: center;
        padding: 3vh;
        padding-top: calc(3vh + 60px);
        margin-bottom: 4vh;
    }
    .support-header h1{
        font-size: 6vh;
    }
    .support-header form{
        height: 35px;
        max-height: 3.5vh;
        width: 475px;
        max-width: 35vh;
        margin-top: 3vh;
    }
    .support-header input{
        margin: 0;
        border: 0;
        float: left;
        width: 26vh;
        height: 100%;
        padding: 0 0.8vh;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
    }
    .support-header button{
        flex-basis: 12%;
    }
    #faq-search-icon{
        max-width: 60%;
        max-height: 60%;
        margin-top: 10%;
    }
    #faq-content{
        width: 90%;
        margin: auto;
    }
    .faq-button{
        background: transparent;
        border: none;
        outline: none;
        border-radius: 10px;
        padding: 5px 10px;
    }
    .faq-button h3{
        font-size: 20px;
    }
    .faq-button img{
        max-width: 25px;
        max-height: 25px;
    }
    .qa{
        width: 100%;
        margin-bottom: 0.5vh;
    }
    .qa .qaf{
        border-top: 1px solid rgb(0,0,0,0.3);
        padding-top: 1.5vh;
    }
    .qa .qaf h2{
        font-size: 25px;
        vertical-align: bottom;
        transition: 0.4s;
    }
    .qa .qaf img{
        display: none;
        max-width: 25px;
        max-height: 25px;
        vertical-align: unset;
        transform-origin: center;
        transition: 0.4s;
    }
    .qa .qaf div{
        float: right;
        border: none;
    }
    .qa .qas{
        padding: 0 1vh 0 2vh;
    }
    .qa .qas p{
        font-size: 16px;
        margin-bottom: 0;
    }
    .faq-options{
        width: 75%;
    }
    .faq-options button, .faq-options input{
        font-size: 14px;
    }
    #tickets{
        width: 95%;
    }
    #tickets-sidenav{
        display: none;
    }
    #tickets-content{
        padding: 2vh;
        width: 100%;
    }
    .tickets-topbar{
        padding-top: 4vh;
    }
    .tickets-topbar .faq-button{
        padding: 0;
        display: block;
        margin: auto;
    }
    #tickets-filtro{
        padding: 0;
        display: block;
        margin: auto;
        width: 80%;
        margin-bottom: 2vh;
    }
    #tickets-filtro div{
        width: 100%;
    }
    #tickets-filtro input{
        width: 100%;
        font-size: 17px;
        padding: 0.2vh 2.5vh 0.2vh 0.7vh;
    }
    #tickets-filtro label{
        display: none;
    }
    #tickets-filtro select{
        width: 100%;
        margin-top: 2vh;
    }
    #tickets-filtro button{
        max-width: 1.5vh;
        max-height: 1.5vh;
        margin-left: -3.5vh;
    }
    #tickets-filtro img{
        max-width: 300%;
        min-width: 300%;
        margin-top: -0.4vh;
    }
    #single-ticket-mobile{
        display: flex;
    }
    #single-ticket-pc-estado, #single-ticket-pc-date{
        display: none;
    }
    .all-ticket{
        display: block;
        margin-bottom: 4vh;
    }
    .all-ticket div:first-child{
        width: 100%;
        padding: 1.5vh 1vh 0.5vh 1vh;
    }
    .all-ticket div:last-child{
        display: flex;
    }
    .all-ticket div{
        padding: 0vh 1vh 1vh 1vh;
    }
    .all-ticket div div:first-child{
        flex: 1;
    }
    .all-ticket div div:last-child{
        flex: 1;
    }
    .all-ticket h2{
        font-size: 25px;
        padding: 0 0.5vh;
        text-align: center;
        line-height: 30px;
        max-height: 60px;
        word-break: break-word;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .all-ticket h3{
        padding-top: 0;
        padding-right: 1.5vh;
        font-size: 18px;
        width: 100%;
        text-align: right;
        flex: 0;
    }
    .all-ticket h4{
        flex: 1;
        padding-top: 0.2vh;
        font-size: 15px;
        width: 100%;
        padding-left: 1.5vh;
        text-align: left;
        word-break: break-word;
        white-space: normal;
    }
    #body-ticket{
        width:90%;
        margin:auto;
        display:block;
        padding-top:60px;
    }
    #ticket-date-mobile{
        display: block;
    }
    #ticket-date-pc{
        display: none;
    }
    .first-single-ticket div{
        display: block;
        text-align: center;
    }
    .first-single-ticket div h2{
        display: block;
        margin:0
    }
    .first-single-ticket div h5{
        text-align:center;
        display: block;
        margin:0;
        margin-top: 2vh;
        border-bottom: 1px solid black;
        padding-bottom: 2vh;
        margin-bottom: 2vh;
    }
    .data-change-acc{
        padding: 10px 0;
    }
    .data-change-acc img{
        content: url('../img/arrow-icon-d-grey.png');
        max-width: 45px;
        margin: auto;
    }
    .single-tickets-info{
        border: none;
        padding: 10px 0;
    }
    .single-tickets-info a img{
        max-width:45px;
        max-height:45px;
    }
    .single-tickets-info form{
        padding-top: 45px;
        display: flex;
        flex-direction: column;
    }
    .single-tickets-info form .flex-tickets-info{
        display: flex;
        flex-direction: row;
    }
    .flex-tickets-info div{
        padding-bottom: 15px;
        flex: 1;
    }
    .flex-tickets-info div label{
        opacity: 0.5;
    }
    .single-tickets-info form div h4{
        text-align:left;
        padding-left:10px;
    }
    .single-tickets-info form div span{
        display: block;
    }
    #ticket-replies-lbl{
        text-align: center;
    }
    .ticket-reply-form{
        padding-top:20px;
    }
    .ticket-reply-form textarea{
        width:100%;
        border:none;
        outline:none;
        background-color:#e8e8e8;
        border-radius:20px;
        padding:10px;
        resize:none;
        margin-bottom: 10px;
        height:120px;
        line-height:20px;
    }
    .ticket-reply-form button{
        background-color:#202020;
        color:white;
        outline:none;
        border:none;
        padding:7px 15px;
        float:right;
    }
    .single-ticket div{
        display:block;
        text-align: center;
        padding-bottom:15px;
    }
    .single-ticket h6{
        text-align: center;
        margin-top: 2vh;
        border-bottom: 1px solid black;
        margin-bottom: 2vh;
        padding-bottom: 2vh;
    }
    .user-display-name-email h2{
        font-size: 200%;
    }
    .user-display-name-email h3{
        font-size: 100%;
        text-indent: 7.5%;
    }
    .tec-display-name-email h2{
        font-size: 250%;
    }
    .tec-display-name-email h3{
        font-size: 125%;
    }
    .table-tec-change-select{
        width: 30%;
    }
    .table-tec-change-select select{
        width: 100%;
    }
    .support-header-simple{
        padding: 3vh;
        padding-top: calc(3vh + 60px);
    }
    .support-header-simple h1{
        font-size: 60px;
    }
    .tabs{
        width: 100%;
    }
    .users-tabs{
        width: 100%;
        padding-top: 1vh;
    }
    .tabs button {
        padding: 1vh 1.2vh;
    }
    .tabs button.active {
        font-size: 1.65vh;
    }
    .tabslinks{
        font-size: 1.5vh;
    }
    .tabscontent {
        padding: 6px 12px;
        border-bottom: 1px solid #ccc;
    }
    .create-user{
        width:100%;
        padding:0 5% 15% 5%;
    }
    .create-user-field{
        width: 100%;
        margin: auto;
    }
    .create-user-field div{
        width: 100%;
    }
    .create-user-label{
        padding-top: 0.5vh;
    }
    .create-user-field input, .create-user-field select{
        margin-top: 0.25vh;
        width: 100%;
        height: 40px;
        border-radius: 5px;
        padding: 0.25vh 0.5vh;
    }
    .create-user-field select{
        margin-top: -0.02vh;
    }
    .create-user-field select option{
        text-align: center;
    }
    .create-user-warning{
        font-size: 18px;
        color: #b90000;
        margin-top: 1.5vh;
    }
    .create-user-submit{
        width: 12.5vh;
        padding: 1vh 1.5vh;
        font-size: 1.5vh;
        margin-right: 5%;
        margin-top: 1.5vh;
    }
    .single-user-own{
        border-radius:10px;
        padding:10px 5px;
    }
    .single-user-b-info{
        padding: 1vh 0;
    }
    .single-user-pad-one{
        margin-left:2vh!important;
        border-left: 1px solid #666;
    }
    .single-user-pad-two{
        padding-left:4vh!important;
    }
    .single-user-display-info h2{
        font-size: 3vh;
        text-indent: 1vh;
    }
    .single-user-display-info h3{
        text-indent: 1vh;
        padding-left: 1vh;
        font-size: 1.5vh;
    }
    .single-user h4{
        flex-basis: 20%;
        font-size: 1.5vh;
        padding-right: 1vh;
    }
    #users-options-mobile{
        display: block;
    }
    #users-options-pc{
        display: none;
    }
    .users-options{
        padding-right: 1vh;
    }
    .users-options img{
        height: 2.75vh;
        padding: 0!important;
        display: unset!important;
    }
    .users-options button{
        background-color: transparent;
        border: none;
        outline: none;
        width: 100%;
        height: 100%;
    }
    /* N tenho a certeza v*/
    .single-user form button{
        flex: 1;
        border: none;
        outline: none;
        background: transparent;
        margin: 1.3vh 0.8vh;
        padding: 0.3vh;
        border-radius: 10px;
    }

    .container {
        display: block;
        position: relative;
        padding-left: 3px;
        padding-right: 3px;
        margin-bottom: 1.35vh;
        cursor: pointer;
        font-size: 22px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
   
  /* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    width: 2.25vh;
    height: 2.25vh;
    background-color: #eee;
}
  
  /* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: #ccc;
}
  
  /* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: #2196F3;
}
  
  /* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
  
  /* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}
  
  /* Style the checkmark/indicator */
.container .checkmark:after {
    left: 34%;
    top: 22%;
    width: 7px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
}

    /*downloads mobile*/
    .grid-downloads{
        width:90%;
        margin:auto;
        display:flex;
        flex-wrap:wrap;
        justify-content: space-evenly;
    }
    .downloads-card-parent{
        flex-basis: 100%;
        text-align:left;
        padding: 4%;
        display:flex;
        flex-direction: column;
    }
    .downloads-card{
        height: 100%;
        width: 100%;
        text-decoration: none;
        color: var(--bs-body-color);
        position: relative;
        box-shadow: 10px 10px 20px rgb(0,0,0,0.3);
        transition: 0.25s;
        cursor: default;
    }
    .downloads-card:hover{
        box-shadow: 10px 10px 20px rgb(0,0,0,0.5);
        /*box-shadow: 10px 10px 20px rgb(185,0,0,0.5);*/
        text-decoration: none;
        color: #b90000;
        /*color:#b90000*/
    }
    .downloads-card div div:first-child{
        flex:0.3;
        text-align:center;
        white-space: nowrap;
    }
    .downloads-card div{
        flex-basis: 100%;
        flex-grow: 1.5;
    }
    .downloads-card div a{
        display: block;
        margin: auto;
        width: 75px;
        height: 75px;
        border-radius: 50px;
        position: relative;
        text-align: center;
    }
    .downloads-card div img{
        display: block;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        max-width: 75px;
        max-height: 75px;
        padding: 15px;
        margin: auto;
    }
    .downloads-options{
        width: 40px;
        margin: 3%;
        white-space: nowrap;
        position: absolute;
        right: 2.5%;
    }
    .downloads-options img{
        width: 100%;
        max-width: unset!important;
        max-height: unset!important;
        padding: 0!important;
        display: unset!important;
    }
    .downloads-options button{
        background-color: transparent;
        border: none;
        outline: none;
        padding: 32.5%;
        width: 100%;
        position: relative;
        display: inline-block;
    }
    .downloads-options-list{
        min-width: 0;
        background: whitesmoke;
        border: 1px solid rgb(0, 0, 0, 0.2);
        border-radius: 3px;
        width: unset;
        padding: 0;
        overflow: hidden;
    }
    .downloads-options-list button, .downloads-options-list input{
        padding: 0;
        width: 100%;
        text-align: center;
        height: auto;
        padding: 7px 10px;
        border-radius: 0;
        background-color: whitesmoke;
        outline: none;
        border: none;
    }
    .downloads-add-card div{
        display: block;
        margin: auto;
        width: 75px;
        height: 75px;
        outline: 4px dotted #202020;
        border-radius: 50px;
    }
    .downloads-add-card div div{
        margin: auto;
        display: block;
        width: 75px;
        height: 0;
        border-radius: 50px;
        padding-top: 100%;
        outline: none;
        position: relative;
    }
    .downloads-add-card div div img{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        max-width: 75px;
        max-height: 75px;
        vertical-align: middle;
        margin: auto;
    }
    .downloads-info{
        height:auto;
        text-align: center;
        padding-bottom: 15%;
    }
    .downloads-info h3{
        margin:0;
        padding-bottom:2%;
    }
    .downloads-info p{
        margin:0;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 22px;
        max-height: 66px;
        display: -webkit-box;
        word-break: break-word;
        white-space: unset;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .news-content{
        width:90%;
    }
    .news-topbar{
        display: flex;
        flex-direction: column;
        padding: 0 3vh;
        margin-top: 2vh;
        margin-bottom: -1vh;
    }
    .news-topbar-add button{
        display: block;
        margin: auto;
        padding: 0;
    }
    .news-topbar-add h3{
        padding-left: 0;
    }
    .news-topbar-add button img{
        display: block;
        margin: auto;
        max-width: 2.8vh;
        max-height: 2.8vh;
    }
    .news-topbar-add h3{
        padding: 0;
        font-size: 2.25vh;
    }
    .news-topbar-categ{
        width: 100%;
        margin: 4% 0 10% 0;
    }
    .news-topbar-categ select{
        width: 100%;
        max-width: none;
        text-align: center;
        margin: 0;
        border-bottom:1px solid black;
        font-size: 2vh;
    }
    .single-new{
        border-radius:15px;
        padding:15px;
        margin:5% 0;
    }
    .single-new-topbar{
        padding: 2% 2% 0 0;
    }
    .single-new-topbar span{
        font-size: 2.15vh;
    }
    .news-text-control{
        padding:0 2.5%;
    }
    .news-options{
        width:100%;
        padding-top: 15px;
    }
    .news-options button{
        flex:1 50%;
        margin-left: 10px;
        padding: 1.5%;
        font-size: 1.4vh;
    }
    .news-modal-add .modal-dialog{
        max-width: 95%;
        width:95%;
        margin: auto;
    }
    .news-modal-add .modal-content{
        width:100%;
        background-color:#353535;
        padding: 1% 3.5% 2% 3.5%;
    }
    .modal-new-topbar{
        display: block;
        margin-bottom: 2vh;
        padding: 0;
    }
    .modal-new-topbar div{
        width: 100%;
    }
    .modal-new-topbar label{
        display: block;
        text-align: center;
        margin: 0;
        font-size: 2vh;
    }
    .modal-new-topbar input{
        margin-left: 0;
        width: 100%;
    }
    #btn-noticia-mobile{
        display: block;
    }
    #btn-noticia-pc{
        display: none;
    }
    .news-btn-submit{
        height: 32px;
        padding: 0 25px;
        width: 100%;
        display: block;
        margin: 0;
        margin-top: 2vh;
    }
}
@media screen and (orientation: landscape) {
    
}