:root{
     
    --c-primary:#ff931e;
    --c-primary-reverse:#01c2ae;
    --c-secondary:#808080;
    --c-background:#000000;
    --c-bg-transparency:#000000e6;
    --c-bg-elements-dark:#1e1e1e;
    --c-bg-elements-light:#ffffff;
    --c-inactive:#808080;
    --c-shadow:#272323;
    --c-text-dark:#000000;
    --c-text-light:#ffffff;
}


/*-------------------LOGIN---------------------*/

.background_login{width: 430px;height: 520px;position: absolute;transform: translate(-50%,-50%);left: 50%;top: 50%;}
.background_login .shape_login{height: 200px;width: 200px;position: absolute;border-radius: 50%;}
.form_login{width: 80%;max-width: 400px;background-color:var(--c-bg-elements-dark);position: absolute;transform: translate(-50%,-50%);top: 50%;left: 50%;border-radius: 10px;backdrop-filter: blur(10px);border: 2px solid rgba(255,255,255,0.1);box-shadow: 0 0 40px rgba(8,7,16,0.6);padding: 50px 35px;}
.form_login *{font-family: 'Poppins',sans-serif;color: var(--c-text-light);letter-spacing: 0.5px;outline: none;border: none;}
.input_login{display: block;height: 50px;width: 100%;background-color:#181818;border-radius: 3px;padding: 0 10px;font-size: 14px;font-weight: 300;}
::placeholder{color: var(--c-text-light);}
.button_login{margin-top: 50px;width: 100%;background-color:#181818;color:var(--c-text-light);padding: 15px 0;font-size: 18px;font-weight: 600;border-radius: 5px;cursor: pointer;border:1px solid var(--c-primary)}
.button_login:hover{background-color:var(--c-primary);color: #080710;padding: 15px 0;font-size: 18px;font-weight: 600;border-radius: 5px;cursor: pointer;}
.input_im{display: flex;justify-content: center;align-items: center;background-color: #181818;padding: 0px 12px;border-radius: 3px;}
.input-error {border: 2px solid red;border-radius: 5px;}
.error-icon {color: red;}
.error-messages {margin-top: 20px;}
.error-messages p {margin: 5px 0;}
/*------------------- END LOGIN---------------------*/

.contentbody{margin-top:20px;padding: 0 30px;}
/*-------------------DASHBOARD-------------------*/
.navbar{width: 250px;height: 100vh; position: fixed;left: 0;top: 0;background-color: black;display: flex;flex-direction: column;}
@media (max-width: 800px){
    .navbar{display: none;}
    .top_navbar{display: flex;}
    .contentbody{padding: 0 0;} 
}
@media (min-width: 800px){
    .main_content{margin-left: 250px;}
    .top_navbar{display: none;}
}

@media(max-width:1353px){
    #serial{display:none};
}

@media(max-width:1200px){
    #data{display:none};
}


@media(max-width:983px){
    #custo{display:none};
}

@media(max-width:828px){ 
    #estado{display:none};
  
}

@media(max-width:970px){ 
    #newsdate{display:none};
}
.btns_container{display: flex;border-top: 1px solid white; flex-direction: column; width: 265px; padding: 15px;background-color: black;justify-content: center;position: fixed;top: 70px;right: 0;align-items: baseline;}
.btn_navbar{width: 93%;cursor: pointer;color: white; margin: 10px;height: 45px; display: flex;align-items: center;border-radius: 4px; padding: 10px;border: 1px solid var(--c-shadow);background-color: var(--c-bg-elements-dark);}
.btn_bars{color: white; font-size: 25px; width: 100%; display: flex;justify-content: end;}
.btns_container{display: none}
.btn_bars:hover{color:grey; }
.top_navbar{background-color: black;height: 70px;align-items: center;padding: 20px;}

.main_content{padding: 20px;}
.navbar_img{width: 100%;display: flex;justify-content: center;margin-top: 20px;flex-direction: column;}
.btn_dashboard{cursor:pointer;color: white; margin: 10px;background-color: var(--c-bg-elements-dark);height: 45px;display: flex;align-items: center;border-radius: 4px;padding: 10px;border: 1px solid var(--c-shadow);}
.btn_dashboard:hover{background-color:#313131}
/*-------------------END DASHBOARD-------------------*/

.user_dropdown{position: fixed;background-color: #131313;z-index: 15;bottom: 66px;left: 12px;width: 225px;border-radius: 3px;display: none;}


/*-------------------SEND RMA-------------------*/
.main-timeline {padding: 20px 0;position: relative;}
.main-timeline::before,
.main-timeline::after {content: "";height: 40px;width: 40px;background-color: #e7e7e7;border-radius: 50%;border: 10px solid #303334;transform: translatex(-50%);position: absolute;left: 50%;top: -15px;z-index: 2;}
.main-timeline::after {top: auto;bottom: 15px;}
.main-timeline .timeline {padding: 35px 0;margin-top: -30px;position: relative;z-index: 1;}
.main-timeline .timeline::before,
.main-timeline .timeline::after {content: "";height: 100%;width: 50%;border-radius: 110px 0 0 110px;border: 15px solid #46b2bc;border-right: none;position: absolute;left: 0;top: 0;z-index: -1;}
.main-timeline .timeline::after {height: calc(100% - 30px);width: calc(50% - 12px);border-color: #65c7d0;left: 12px;top: 15px;}
.main-timeline .timeline-content {display: inline-block;}
.main-timeline .timeline-content:hover {text-decoration: none;}
.main-timeline .timeline-year {color: #65c7d0;font-size: 50px;font-weight: 600;display: inline-block;transform: translatey(-50%);position: absolute;top: 50%;left: 10%;}
.main-timeline .timeline-icon {color: #65c7d0;font-size: 70px;display: inline-block;transform: translateY(-50%);position: absolute;left: 34%;top: 50%;}
.main-timeline .content {color: #909090;width: 50%;padding: 20px;display: inline-block;float: right;margin-top: 21px;}
.main-timeline .title {color: #65c7d0;font-size: 20px;font-weight: 600;text-transform: uppercase;margin: 0 0 5px 0;}
.main-timeline .description {font-size: 16px;margin: 0;}
.main-timeline .timeline:nth-child(even)::before {left: auto;right: 0;border-radius: 0 110px 110px 0;border: 15px solid red;border-left: none;}
.main-timeline .timeline:nth-child(even)::after {left: auto;right: 12px;border-radius: 0 100px 100px 0;border: 15px solid green;border-left: none;}
.main-timeline .timeline:nth-child(even) .content {float: left;}
.main-timeline .timeline:nth-child(even) .timeline-year {left: auto;right: 10%;}
.main-timeline .timeline:nth-child(even) .timeline-icon {left: auto;right: 32%;}
.main-timeline .timeline:nth-child(5n+1)::before {border-color: #46b2bc;}
.main-timeline .timeline:nth-child(5n+1)::after {border-color: #65c7d0;}
.main-timeline .timeline:nth-child(5n+1) .timeline-icon {color: #65c7d0;}
.main-timeline .timeline:nth-child(5n+1) .timeline-year {color: #65c7d0;}
.main-timeline .timeline:nth-child(5n+1) .title {color: #65c7d0;}
.main-timeline .timeline:nth-child(5n+2)::before {border-color: #ea3c14;}
.main-timeline .timeline:nth-child(5n+2)::after {border-color: #EF5720;}
.main-timeline .timeline:nth-child(5n+2) .timeline-icon {color: #EA3C14;}
.main-timeline .timeline:nth-child(5n+2) .timeline-year {color: #EA3C14;}
.main-timeline .timeline:nth-child(5n+2) .title {color: #EA3C14;}
.main-timeline .timeline:nth-child(5n+3)::before {border-color: #8CC63E;}
.main-timeline .timeline:nth-child(5n+3)::after {border-color: #6CAF29;}
.main-timeline .timeline:nth-child(5n+3) .timeline-icon{color: #8CC63E;}
.main-timeline .timeline:nth-child(5n+3) .timeline-year {color: #8CC63E;}
.main-timeline .timeline:nth-child(5n+3) .title {color: #8CC63E;}
.main-timeline .timeline:nth-child(5n+4)::before {border-color: #F99324;}
.main-timeline .timeline:nth-child(5n+4)::after {border-color: #FBB03B;}
.main-timeline .timeline:nth-child(5n+4) .timeline-icon {color: #F99324;}
.main-timeline .timeline:nth-child(5n+4) .timeline-year {color: #F99324;}
.main-timeline .timeline:nth-child(5n+4) .title {color: #F99324;}
.main-timeline .timeline:nth-child(5n+5)::before {border-color: #0071BD;}
.main-timeline .timeline:nth-child(5n+5)::after {border-color: #0050A3;}
.main-timeline .timeline:nth-child(5n+5) .timeline-icon {color: #0071BD;}
.main-timeline .timeline:nth-child(5n+5) .timeline-year {color: #0071BD;}
.main-timeline .timeline:nth-child(5n+5) .title {color: #0071BD;}
@media screen and (max-width:1200px){
    .main-timeline .timeline:after{ border-radius: 88px 0 0 88px;}
    .main-timeline .timeline:nth-child(even):after{ border-radius: 0 88px 88px 0;}}
@media screen and (max-width:767px){
    .main-timeline .timeline{ margin-top: -19px; }
    .main-timeline .timeline:before {border-radius: 50px 0 0 50px;border-width: 10px;}
    .main-timeline .timeline:after {height: calc(100% - 18px);width: calc(50% - 9px);border-radius: 43px 0 0 43px;border-width:10px;top: 9px;left: 9px;}
    .main-timeline .timeline:nth-child(even):before {border-radius: 0 50px 50px 0;border-width: 10px;}
    .main-timeline .timeline:nth-child(even):after {height: calc(100% - 18px);width: calc(50% - 9px);border-radius: 0 43px 43px 0;border-width: 10px;top: 9px;right: 9px;}
    .main-timeline .timeline-icon{ font-size: 60px; }
    .main-timeline .timeline-year{ font-size: 40px; }}
@media screen and (max-width:479px){
    .main-timeline .timeline-icon{font-size: 50px;transform:translateY(0);top: 25%;left: 10%;}
    .main-timeline .timeline-year{font-size: 25px;transform:translateY(0);top: 65%;left: 9%;}
    .main-timeline .content{width: 68%;padding: 10px;}
    .main-timeline .title{ font-size: 18px; }
    .main-timeline .timeline:nth-child(even) .timeline-icon{right: 10%;}
    .main-timeline .timeline:nth-child(even) .timeline-year{right: 9%;}}


/*-------------------END SEND RMA-------------------*/