* {font-family:Segoe UI;margin:0;padding:0}
html, body {height:100%;position:absolute;width:100%}

.bo-body {margin-top:80px}
.bo-body-title {display:flex;margin-bottom:10px;width:100%}
.bo-btn {background:#dddddd;border:1px solid #b5b5b570;border-radius:4px;cursor:pointer;font-size:14px;height:28px;margin-right:4px;padding:3px 11px 3px 6px}
.bo-left {text-align:left;width:100%}
.bo-right {text-align:right;width:100%}
.bo-a {color:black;text-decoration:none}
.bo-error {color:red;font-weight:bold}
.bo-tab {cursor:pointer;font-size:16px;height:35px;padding:5px}
.bo-tab.active {background:lightgrey;border-radius:4px 4px 0 0}
.bo-modal {display:none;width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);position:fixed;left: 0;top: 0;z-index: 1032;justify-content: center;align-items: center;}
.bo-modal-body {background-color:white;border-radius:8px; width: 75%;height: 335px;max-width: 800px;position:fixed;}
.bo-modal-close {cursor:pointer;position:absolute;right:20px;top:10px}
.bo-modal-title {font-size:24px;display:flex;align-items:center;padding:20px;height:80px}
.bo-modal-content {height:calc(100% - 130px);padding:20px;overflow:auto}
.bo-modal-footer {align-items:center;bottom:0;display:flex;height:72px;justify-content:end;padding:20px;position:absolute;width:100%}
.bo-dropdown {display:inline-block;position:relative}
.bo-dropdown-content {background-color:#f9f9f9;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);cursor:pointer;display:none;min-width:160px;position:absolute;right:0;z-index:1}
.bo-dropdown-content a {color:black;display:block;font-size:15px;padding:10px 8px;text-align:left;text-decoration:none}
.bo-dropdown-content a:hover {background-color:#c9c9c9}
.bo-dropdown:hover .bo-dropdown-content {display:block}

table.myTable tr td {font-size:12px}
.table-responsive {min-height:300px}
.orange {color:#ff8400}
.gray {color:#737373}
.red {color:#e60000}
#myNavBar {background-color:#ececec;border-bottom:1px solid #d9d9d9}
/* IO FORMS */
.mdbody {align-items:center;display:flex;justify-content:center;width:100%}
#divFormLogin {border-radius:15px;max-width:500px;padding:15px;-webkit-box-shadow:5px 5px 15px 0 #535353;box-shadow:5px 5px 15px 0 #535353;width:100%}
.formIoMd input, .formIoMd select {border-radius:5px;color:#909090;height:50px;margin-bottom:30px;width:100%;border:#cccccc solid 1px}
.formIoMd textarea {margin-bottom:30px}
.formIoMd select {color:#4e4c4c;padding-left:9px}
.btnSend {background-color:darkorange;border:1px solid #FFFFFF;border-radius:5px;color:#FFFFFF !important;float:right;font-size:18px;height:50px;margin-bottom:18px;outline:medium none;text-align:center;width:120px;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}
.btnSend:hover,.btnSend:focus {border-color:darkorange;background-color:#ffffff;color:darkorange !important}
.btnSendQuota {background-color:darkorange;border:1px solid #FFFFFF;border-radius:5px;color:#FFFFFF !important;font-size:18px;height:70px;outline:medium none;text-align:center;width:120px;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}
.btnSendQuota:hover,.btnSend:focus {border-color:darkorange;background-color:#ffffff;color:darkorange !important}


.withPlaceholder:required:invalid {color:#a6a6a6}
.withPlaceholder option[value=''][disabled] {display:none}
.withPlaceholder option {color:#555}


.btnAccept{width: 140px;background-color: green;height: 39px;border: none;border-radius: 5px;color: white;}
.btnAccept:hover{background-color: rgb(0, 87, 0);}
.btnRefuse{width: 140px;background-color: red;height: 39px;border: none;border-radius: 5px;color: white;margin-left: 20px;}
.btnRefuse:hover{background-color: rgb(141, 0, 0)}
.checkboxnl {display: block;
    position: relative;
    padding-top: 9px;
    padding-left: 50px;
    cursor: pointer;
    font-weight: 100 !important;}
.checkboxnl input {cursor:pointer;margin-left:-49px;margin-top:-27px;position:absolute;opacity:0}
.checkmark {position:absolute;top:0;left:0;height:26px;width:26px;margin-top:6px;margin-left:12px;border-width:2px;border-style:solid;border-radius:3px;border-color:#c4c4c4}
.checkboxnl:hover input ~ .checkmark {border-color:#b2b2b2}
.checkboxnl input:checked ~ .checkmark {border:none}
.checkmark:after {content:'';position:absolute;display:none}
.checkboxnl input:checked ~ .checkmark:after {display:block;border-color:#ff8c00}
.checkboxnl .checkmark:after {left:8px;top:-3px;width:11px;height:25px;border:solid white;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}

.mySearch {background-image:url('../images/search.png');background-position:8px 5px;background-repeat:no-repeat;background-size:24px;border:1px solid #ccc;border-radius:4px;font-size:14px;height:34px;margin-right:4px;padding:14px 8px 12px 32px;position:relative;vertical-align:bottom;width:300px}
.dropdown-content {background-color:#f6f6f6;border:1px solid #ddd;border-radius:4px;margin-bottom:5px;width:300px}
.dropdown-list {max-height:300px;overflow:auto}
.dropdown-item {color:black;cursor:pointer;display:block;padding:12px 16px;text-decoration:none}

/*PlaceHolder Firefox*/
.form-control::-moz-placeholder {opacity:0.7;color:grey}

/* VIEW VERSIONS */
@keyframes rotate360 {to {transform:rotate(360deg)}}
.imgclicavel:hover {animation:1s rotate360 infinite linear}
.imgclicavel {cursor:pointer}
.orange_text {color:#ff8400}
.modal {display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.modal-content {background-color:#fefefe;margin:auto;padding:20px;border:1px solid #888;width:90%}
.close {color:#aaaaaa;float:right;font-size:28px;font-weight:bold}
.close:hover, .close:focus {color:#000;text-decoration:none;cursor:pointer}

/* CLIENTE SIDE*/
.wrapper {width: 100%; height: auto;}
.box {box-sizing: border-box; margin-top: -7px; padding: 10px 35px 35px 35px;background-color: #8080801a; width: 100%; height: auto; border:1px solid #cccccca8}
.box1 {box-sizing: border-box; margin-top: -7px; padding: 10px 35px 35px 35px;background-color: #f2f2f2; width: 100%; height: auto;}
.boxbig { margin-top:25px; background-color: #8080801a;padding: 1rem;text-align: justify; width: 100%;}
hr.new1 {border: 0.03px solid #8080801a; border-radius: 5px; margin-top:15px;}
.button {background-color: #4CAF50; border: none; color: white; padding: 8px 28px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; cursor: pointer;}
.button1 { background-color: white;  color: black;  border: 2px solid #4CAF50;border-radius: 20px;}
.button1:hover { background-color: #4CAF50; color: white;}
.button2 {background-color: #f79226; border: none; color: white; padding: 8px 28px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; cursor: pointer;}
.button21 { background-color: white;  color: black;  border: 2px solid  #f79226;border-radius: 20px;}
.button21:hover { background-color: #f79226; color: white;}
.boxbotton {display:flex; justify-content: center; margin-top:15px;}
.overlay {position: fixed;top: 0;bottom: 0;left: 0; right: 0;background: rgba(0, 0, 0, 0.7);transition: opacity 500ms}
.overlay:target {visibility: visible;opacity: 1;}
.popup {margin: 70px auto;padding: 20px;background: #fff;border-radius: 5px;width: 90%;position: relative;transition: all 5s ease-in-out;}
.popupImg {margin: 70px auto;padding: 20px;background: #fff;border-radius: 5px;width: 80%; height:auto; position: relative;transition: all 5s ease-in-out;}
.popup h2 {margin-top: 0;color: #333;font-family: Tahoma, Arial, sans-serif;}
.popup .close {position: absolute;top: 20px;right: 30px;transition: all 200ms;font-size: 30px;font-weight: bold;text-decoration: none;color: #333;}
.popup .close:hover {color: #f79226;}
.popup .content {max-height: 30%;overflow: auto;}
.checkboxnl {width:183px; }
.btnwarranty {display:flex; justify-content: center; margin-bottom: 10px;}
.timeline-steps {display: flex;justify-content: center;flex-wrap: wrap}
.timeline-steps .timeline-step {align-items: center;display: flex;flex-direction: column;position: relative;margin: 1rem}
@media (min-width:768px) {.timeline-steps .timeline-step:not(:last-child):after {content: "";display: block;border-top: .25rem dotted #556f9b; width: 3.46rem;position: absolute;left: 7.5rem;top: .3125rem}
.timeline-steps .timeline-step:not(:first-child):before {content: "";display: block;border-top: .25rem dotted #556f9b; width: 3.8125rem;position: absolute;right: 7.5rem;top: .3125rem}}
.timeline-steps .timeline-content {width: 10rem;text-align: center}
.timeline-steps .timeline-content .inner-circle {border-radius: 1.5rem;height: 1rem;width: 1rem;display: inline-flex;align-items: center;justify-content: center;background-color: #556f9b}
.timeline-steps .timeline-content .inner-circle:before {content: "";background-color: #556f9b;display: inline-block;min-width: 3rem;border-radius: 6.25rem;opacity: .5; margin-top:15px;}
@media (max-width: 1487px) { .wrapper {flex-direction: column; height:auto;}}
@media (max-width: 1487px) { .boxbig, .box {width:100%; height:auto;}}
@media (max-width: 1487px) { .checkboxnl {width:188px;}}
@media (max-width: 1487px) { .box1 {width:100%; height:auto;}}
@media (max-width: 1487px) { .boxbotton {display: grid;width:100%;}}
@media (max-width: 1487px) {.btnwarranty {display:flex; justify-content: center; margin-bottom: 10px;}}
@media (max-width: 1487px) {.popup {padding: 20px;background: #fff;border-radius: 5px; position: relative;transition: all 5s ease-in-out;}}
@media (max-width: 1581px) {.popupImg {margin: 200px auto;padding: 20px;background: #fff;border-radius: 5px;width: 95%; height:auto; position: relative;transition: all 5s ease-in-out;}}
.botaoChange{margin-top: 45px;margin-bottom: 35px;width: 100%;height: 53px;background-color: green;color: white;font-size: 23px; border-style: none;}
.botaoChange:hover {background-color: white;color: green;border:1px solid green}
.checkboxnl {width: 33px;margin-left: 12px; margin-top:15px}
.box {box-sizing: border-box; margin-top: 15px; padding: 10px 35px 35px 35px;background-color: #8080801a; width: 100%; border-radius: 10px; height: auto;}