/* Reset css */
@import url("style.css");

* { margin:0; padding:0 }
img { border:none }
fieldset { border:none }
a { outline:none; text-decoration:none}
a:hover { text-decoration:underline}
a[href^="tel"],
a[href^="mail"]{color:inherit;text-decoration:none;cursor: text;}
a:link{color: inherit;}
a:visited{color: inherit;}
ul li, ol li { list-style-type:none }
address { font-style:normal; display:block }
h1, h2, h3, h4, h5, h6{ padding:0; margin:0; font-size:inherit; font-weight:normal }
textarea{font-family:inherit; font-size:inherit; overflow:auto}
input[type="search"] {-webkit-appearance: textfield;}
input[type="number"] {-webkit-appearance: textfield;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none;margin: 0;}

a.link-whatsapp{color: inherit;text-decoration: none;cursor: text;}

/* fim reset */

* {
    box-sizing: border-box;
}
body{
    font-family: 'Rubik', sans-serif;
    font-size:15px;
    line-height: 19px;
    color:#666;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.botao{font-size:1px; text-indent:-9999px; display:block;}
.clear{clear:both;}
.clearfix::after{content: " ";display: table;clear: both;}



.gradient{background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 77%, rgba(230,230,230,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(77%, rgba(255,255,255,1)), color-stop(100%, rgba(230,230,230,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 77%, rgba(230,230,230,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 77%, rgba(230,230,230,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 77%, rgba(230,230,230,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 77%, rgba(230,230,230,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0 );}

@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@-moz-keyframes fadeIn {
    0% { opacity: 0;}
    100% { opacity: 1; }
}
@-o-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

.fadeIn {
-webkit-animation: fadeIn 0.7s ease-in-out;
-moz-animation: fadeIn 0.7s ease-in-out;
-o-animation: fadeIn 0.7s ease-in-out;
animation: fadeIn 0.7s ease-in-out;
}


input[type="checkbox"]:focus{outline:0;}
input:focus {outline:none;}
button:focus {outline:none;}
select:focus {outline:none;}
textarea:focus {outline:none;}

h2{color: #344b83;font-size: 32px;font-weight: 400;letter-spacing: 0.5px;line-height: 1.3;margin-bottom: 10px;}
h2.titulo{line-height: 1;margin-bottom: 20px;}
.botao{font-size:1px; text-indent:-9999px; display:block;}
.clear{clear:both;}
.clearfix::after{content: " ";display: table;clear: both;}
.empty{font-size: 16px;font-weight: 500;padding: 35px 15px;}

.ml-25{margin-left: 25px;}
.inline{display: inline-block !important}
.make-flex{display: flex;align-items: center;}
.extra{margin: 0 0 10px 15px;color: #838383;font-size: 13px;}
#swipeboxshield{display: block;width: 100%;height: 57px;position: fixed;top: 0;right: 0;z-index: 2000;}
.wrapper-input{min-height: 70px;position: relative;margin:0 0 0 0;}
.wrapper-input.label,
.haslabel .wrapper-input{min-height: 74px;}
.wrapper-input::after{content: " ";display: table;clear: both;}
.wrapper-input.one{float: left; width: 100%;text-align: left;padding: 0 10px;}
.wrapper-input.half{float: left; width: 50%;text-align: left;padding: 0 10px;}
.wrapper-input.third{float: left;width: calc(100%/3);text-align: left;padding: 0 10px;}
.wrapper-input.fill{float: left;width: 100%;clear: both;padding: 0 10px;}
.wrapper-input.textarea{width: 100%;min-height: 112px;}
.wrapper-input .half{width: 47%;display: inline-block;vertical-align: top;}
.wrapper-input .half:last-child{float: right;}
.haslabel .wrapper-input.textarea{min-height: 126px;}
textarea.input-style{resize:none;height: 94px;padding-right: 10px;}
.box-btn{display: flex;align-items: center;margin-top: 20px;}
.box-btn.right{justify-content: flex-end;}
.btn, a.btn{padding: 8px 25px 10px 25px;color: #fff;background-color: #e14331;font-weight: 500;font-size: 15px;border: none;text-align:center;transition: all .2s ease-out;cursor: pointer;text-decoration: none;line-height: 1;}
a.btn{padding: 12px 25px 10px 25px;}
.btn.white, a.btn.white{background-color: transparent;border: 1px solid #e6e6e6;color: #000;}
.btn.small, a.btn.small{height: 40px;}
.btn.blue, a.btn.blue{background-color: #76a0c4;}
.btn:hover, a.btn:hover{background-color: #76a0c4;color: #fff;}
.btn:hover.blue, a.btn:hover.blue{background: #e14331;}
.btn.random{max-width: 200px;margin-left: auto;margin: 10px 0 10px auto;}
.wrap-input-file{position: relative;margin: 0 0 20px 0;height: 42px;}
.wrap-input-file .btn{height: 42px;width: 170px;position: absolute;top: 0;bottom: 0;right: 0;z-index: 1;}
.wrap-input-file input{position: absolute;left: 0;top: 0;bottom: 0;width: 100%;margin: 0 !important;opacity: 0;z-index: 0;cursor: pointer;padding-right: 170px !important;}
.wrap-input-file .return-file{position: absolute;left: 0;top: 0;bottom: 0;width: 100%;margin: 0;border: 1px solid #ddd;font-size: 14px;color: #666;z-index: 0;padding: 10.5px 15px;padding-right: 170px !important;}

.wrapper-input.has-two{display: grid;grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));grid-gap: 0 26px;}
.wrapper-input.has-two-fit{display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));grid-gap: 0 26px;}
.wrapper-input.has-two-broken{display: grid;grid-template-columns: 1fr 1fr 0.5fr;grid-gap: 0 26px;}
.wrapper-input.has-two-one-small{display: grid;grid-template-columns: 1fr 0.3fr;grid-gap: 0 26px;}
.wrapper-input.has-one{display: grid;grid-template-columns: 1fr;grid-gap: 0 29px;}
.wrapper-input.has-one-halfer{display: grid;grid-template-columns: 0.6fr;grid-gap: 0 29px;}
.wrapper-input.has-three{display: grid; grid-template-columns :repeat(auto-fill, minmax(250px, 1fr));grid-gap: 0 26px;}
.wrapper-input.has-four{display: grid; grid-template-columns :repeat(auto-fill, minmax(175px, 1fr));grid-gap: 0 26px;}
.wrapper-input.col-1-1-2{display: grid;grid-template-columns: 1fr 1fr 2fr;grid-gap: 0 26px;}
.wrapper-input.has-one-half{display: grid; grid-template-columns: 0.6fr;grid-gap: 0 26px;margin-top: 7px;}
.wrapper-input.has-three-btn{display: grid; grid-template-columns: 1fr 1fr 1fr 60px;grid-gap: 15px 15px;}
.wrapper-input.has-one-btn{display: grid; grid-template-columns: 1fr 60px;grid-gap: 15px 15px;}
.wrapper-input.small-medium{display: grid;grid-template-columns: 1fr 2fr 1fr;grid-gap: 0 26px;}

.wrapper-input.has-four-uneven{display: grid; grid-template-columns: 1.6fr 1.6fr 1fr 1fr;grid-gap: 15px;}
.wrapper-input.has-four-btn{display: grid; grid-template-columns: 1fr 1fr 1.6fr 60px;grid-gap: 15px;}
.wrapper-input.has-five-btn{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 60px;grid-gap: 15px;}
.wrapper-input.small-large-medium{display: grid;grid-template-columns: 0.5fr 1.5fr 1fr;grid-gap: 0 26px;}
.wrapper-input.small-medium-large{display: grid;grid-template-columns: 0.5fr 0.5fr 1fr;grid-gap: 0 26px;}
.wrapper-input.small-large{display: grid;grid-template-columns: 1.5fr 0.5fr 1fr;grid-gap: 0 26px;}
.wrapper-input.flex{display: flex;align-items: center;}

.in .wrapper-input .wrap-datetime{}
.in .wrapper-input .wrap-datetime .input-date,
.in .wrapper-input .wrap-datetime .input-time{padding-right: 40px;position: relative;background-position: calc(100% - 10px) center;background-repeat: no-repeat;}
.in .wrapper-input .wrap-datetime .split-datetime{width: 50%;}
.in .wrapper-input .wrap-datetime .input-date{background-image: url(../images/icon-calendar.svg);}
.in .wrapper-input .wrap-datetime .input-time{background-image: url(../images/icon-time.svg);}

.wrapper-input input{width: 100%;border: 1px solid #ddd;padding: 17px;box-sizing: border-box;font-size: 14px;color: #666;margin: 20px 0 0 0;}
div.wrapper-input label{color: #707070;font-size: 14px;}

.login .smartlabel label{top: 37px !important;left: 28px !important}
.login .smartlabel .active label{top:5px !important;left: 17px !important;}

.in .wrapper-input label{display: block;font-size: 15px;color: inherit;line-height: 18px;margin: 0 0 10px 0;font-weight: 500;}
.in .wrapper-input input,
.in .wrapper-input textarea,
.in .wrapper-input .styled-select{width: 100%;border: 1px solid #ddd;padding: 10.5px 15px;box-sizing: border-box;font-size: 14px;color: #666;margin: 0 0 20px 0;}
.in.faturamento .wrapper-input input,
.in.faturamento .wrapper-input textarea,
.in.faturamento .wrapper-input .styled-select{margin: 0;}
.in.pedidos .wrapper-input input,
.in.pedidos .wrapper-input textarea,
.in.pedidos .wrapper-input .styled-select{margin: 0;}
.in .wrapper-input textarea{resize:none;height: 190px;padding: 15px 15px 10px 20px;overflow-y: visible;}
.in .wrapper-input select{margin: 0;background-color: transparent;width: 100%;height: 100%;-webkit-appearance: none;padding: 11.5px 15px;border: none;font-size: 14px;color: #666;position: relative;z-index: 2;cursor: pointer;}
.in .wrapper-input .styled-select{position: relative;padding: 0;z-index: 1;cursor: pointer;}
.in .wrapper-input .styled-select::after{content: '';width: 14px;height: 14px;position: absolute;top: 50%;right: 15px;margin-top: -7px;background: url(../images/arrow-down.svg) no-repeat center center;z-index: 1;}
.in .wrapper-input .wrap-checkbox{display: flex;align-items: center;padding: 0 0 0 15px;}
.in .wrapper-input .wrap-checkbox.nospace{display: flex;align-items: center;padding: 10px 0 0 0;margin: 0 0 35px 0;}
.in .wrapper-input .wrap-checkbox input{width: auto;margin: 0;}
.in .wrapper-input .wrap-checkbox label,
.in .wrap-radio label{position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;margin: 0;padding: 3px 0 0 45px;}
.in .wrap-radio label{padding: 3px 15px 0 33px;}
.in .wrap-radio{display: flex;padding: 15px 0 25px 0;}
.in .wrap-radio .header{display: inline-block;padding-right: 25px;}

.in .wrapper-input input[disabled],
.in .wrapper-input input[readonly]{cursor: not-allowed;background-color: #f2f2f2;}


.recuperar-senha .inner-internas .box-acesso .form-login .legend{margin-bottom: 10px;font-size: 14px;line-height: 20px;}
.recuperar-senha .box-recuperar-senha{margin: 0 auto;padding: 30px 0;}
.recuperar-senha .box-form{max-width: 450px;margin: 0 auto;}
.recuperar-senha .box-form .wrapper-input{min-height: 60px;}
.recuperar-senha .box-form .wrapper-input.has-label{min-height: 78px;}
.recuperar-senha .box-form .wrapper-input input{margin: initial;}
.recuperar-senha .box-form .legend{margin-bottom: 20px;font-size: 16px;padding: 0 10px;}
.recuperar-senha .box-form .box-botoes{text-align: right;}
.recuperar-senha .box-form .box-botoes .bt-style{background-color: #76a0c4;border: 0;display: inline-block;vertical-align: middle; padding: 10px 25px;color: #fff;text-transform: uppercase;font-size: 12px;line-height: 16px;font-weight: 600; -webkit-transition:background-color 0.1s ease-out;transition: background-color 0.1s ease-out;}
.recuperar-senha .box-form .box-botoes .bt-style:hover{text-decoration: none;background-color: #e14331;cursor: pointer;}
.recuperar-senha .inner-internasa .wrapper-label{text-align: center;padding: 40px 10px;}
.recuperar-senha .inner-internas .label1{font-size: 18px;margin-bottom: 10px;color: #4a4a49;font-weight: 700;}
.recuperar-senha .inner-internas .label2{font-size: 14px;}
.recuperar-senha .inner-internas .label2 > a{color: #4a4a49;font-weight: bold;}


.wrapper-input .wrap-checkbox label:hover .text{opacity: 0.7;}
.wrapper-input .wrap-checkbox label input,
.wrap-radio label input{position: absolute;opacity: 0;cursor: pointer;}
.checkmark {position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #fff;border: 1px solid #ddd;}
.wrap-radio .checkmark{position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #fff;border-radius: 50%;}
.wrapper-input .wrap-checkbox label input:checked ~ .checkmark{border: 2px solid #76a0c4;}
.checkmark::after{content: '';position: absolute;display: none;left: 7px;top: 3px;width: 5px;height: 10px;border: solid #76a0c4;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.wrap-radio .checkmark::after{content: "";position: absolute;display: none;top: 5px;left: 5px;width: 10px;height: 10px;border-radius: 50%;background: #76a0c4;}
.wrap-checkbox label input:checked ~ .checkmark:after,
.wrap-radio input:checked ~ .checkmark::after{display: block;}
.in .form-consultar{display: grid;}
.wrap-label-grid{display: grid;grid-auto-flow: column;align-items: center;grid-gap: 10px;margin-right: 20px;}
.wrap-label-grid .text{margin: 0 !important;}
.wrap-label-grid input{}
/* .wrap-label-flex input{max-width: 200px;} */


.consultar .agendar_consultar_filtar,
.log .agendar_consultar_filtar{font-weight: 500;margin-bottom: 10px;}
.consultar .wrapper-input.has-three-btn input,
.log .wrapper-input.has-three-btn input,{margin-bottom: 0;}
.in.consultar .wrapper-input input, .in.agenda.consulta .wrapper-input textarea,
.in.log .wrapper-input input, .in.agenda.consulta .wrapper-input textarea,
.in.consultar .wrapper-input .styled-select,
.in.log .wrapper-input .styled-select{margin-bottom: 0;}
.in.consultar .wrapper-input .btn,
.in.log .wrapper-input .btn{padding: 0;}

#video-iframe{position:fixed;text-align: center; left:0;top:0;width: 100%; max-width:972px;height:auto;min-height: 560px; max-height: 80%;max-width: 90%; display:none;z-index:101;background:#000;overflow:hidden;box-sizing:border-box;border: 3px solid #000;overflow-y:auto;}
#video-iframe iframe{vertical-align: middle;max-width: 100%;position: relative;z-index: 1;}
#video-iframe::before{content: " ";width:40px;height:40px;border-radius:150px;border:5px solid #ddd;border-top-color: rgba(0,0,0,0.5);position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px;animation:loading 1.2s linear infinite;-webkit-animation:loading 1.2s linear infinite;box-sizing:border-box;z-index: 0;}

.paginacao{margin: 40px auto 50px auto;text-align: center;}
.paginacao li{min-width: 34px;display: inline-block;vertical-align: middle; text-align: center;margin: 0 2px;}
.paginacao li a{color:#fff;font-size:14px;line-height: 34px;background: transparent;border-radius: 100%;padding: 10px 15px;margin: 0 2px;border: 1px solid #e6e6e6;color: #666;}
.paginacao li a.next-prev{background: transparent;border: none;color: #666;}
.paginacao li a:hover{font-size:14px;color:#fff;line-height:34px;text-decoration:none;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;background: #344b83;border-color: transparent;}
.paginacao li a.active{font-size:14px;color:#fff;line-height:34px;background-color:#344b83;text-decoration:none;border-color: transparent;}

#pop-fundo{width:100%; height:150%; position:fixed; z-index:10; background-color:#000; opacity:0.8; filter:alpha(opacity=60);-webkit-transition:all 0.3s ease-out;transition: all 0.3s ease-out;display:none}
#pop-fundo::before{display: block;position: absolute;top: 70px;left: 290px;color: #fff;font-weight: bold;font-size: 40px;line-height: 44px; opacity: 1;}
#pop-fundo.active{display: block !important}
#pop-fundo2{width:100%; height:150%; position:fixed; z-index:11; background-color:#000; opacity:0.8; filter:alpha(opacity=60);-webkit-transition:all 0.3s ease-out;transition: all 0.3s ease-out;display:none}
#pop-fundo2::before{content: "‹";display: block;position: absolute;top: 70px;left: 290px;color: #fff;font-weight: bold;font-size: 40px;line-height: 44px; opacity: 1;}

.login .errorlist{color:#ea000a;margin:10px 0 10px 0;}
.errorlist{color:#ea000a;margin:-10px 0 10px 0;}

.wrapper-input{min-height: 57px;text-align: left;}
.wrapper-input.label,
.haslabel .wrapper-input{min-height: 78px;}
.input-style{box-sizing:border-box;height: 40px;border: 1px solid #dddddd;width: 100%;padding: 10px 10px 10px 10px;font-size: 14px;line-height: 18px;border-radius: 0px;width: 100%;}


.texto{width: 100%;word-break: break-word;}
.texto p{font-size:15px;line-height: 1.5;margin:0 0 20px 0;color:#666;}
.texto img{max-width: 100%;height:auto !important;}
.texto iframe{max-width: 100%;}
.texto a:link:hover{text-decoration: underline;}

.center{max-width: 1170px;margin: auto;padding: 0 15px;}

header{padding: 50px 0;text-align: center;}
header .logo{width: 320px;height: 87px;background: url(../images/logo-restrita.jpg) no-repeat top center;color: transparent;margin: auto;}
header .logo > a{display: block;width: 100%;height: 100%;}

footer{padding: 40px 0 35px 0;border-top: 2px solid #e6e6e6;}
footer .wrap-footer{display: flex;flex-flow: row wrap;justify-content: space-between;align-items: center;}
footer .wrap-footer .wrap-end{max-width: 370px;line-height: 1.8;}
footer .wrap-footer .wrap-fon p{margin: 0 0 7px 0;}

.internas .inner-internas{padding: 60px 0 80px 0;}
.internas .sec-internas .wrap-links{background: url(../images/faixa-restrita.jpg);padding: 22px 15px;}
.internas .sec-internas .wrap-links .links{display: flex;justify-content: flex-end;width: 100%;font-weight: 500;}
.internas .sec-internas .wrap-links .links .admin-name{padding: 7px 30px 7px 0;border-right: 1px solid #bfbfbf;}
.internas .sec-internas .wrap-links .links .logout{padding: 7px 0 7px 30px;border-left: 1px solid #bfbfbf;}
.internas .sec-internas .down-part{margin-top: -35px;}
.internas .sec-internas .down-part .breads{display: inline-block;vertical-align: bottom;margin: 0 0 -3px 30px;font-size: 14px;}
.internas .sec-internas .down-part h3{display: inline-block;vertical-align: bottom;background: #76a0c4;padding: 26px 22px;color: #fff;font-size: 19px;}
.internas .breads a, .internas .breads {color: #a0a0a0;}

.internas.login .sec-internas .down-part{margin-top: -45px}
.internas.login .sec-internas .down-part .row{text-align: center;}
.internas.login .sec-internas .wrap-links{padding: 38.5px 15px;}
.internas.login .sec-internas .wrap-links .links,
.internas.login .sec-internas .down-part .breads{display: none;}
.internas .sec-restrita-login{padding: 40px 0 300px 0;}
.internas .sec-restrita-login form{max-width: 490px;margin: auto;}
.internas .sec-restrita-login .box-btn{display: flex;justify-content: space-between;align-items: center;padding: 15px 10px;}
.internas .sec-restrita-login .box-btn .forgot-password{color: #76a0c4;font-size: 14px;font-weight: 500;}
.internas .sec-restrita-login .box-btn .forgot-password:hover{text-decoration: underline;}

.box-items{min-width: 270px;padding: 20px 0 25px 0;border: 1px solid #e6e6e6;align-self: flex-start;}
.box-items a{display: block;padding: 10px 30px;color: inherit;}
.box-items a.username{font-weight: 500; color: #000;padding-bottom: 25px;}
.box-items a.username:hover{background: inherit;}
.box-items a.active{color: #76a0c4;background: #edf4f9;font-weight: 500;}
.box-items a:hover{color: #76a0c4;background: #edf4f9;text-decoration: none;}
.box-items .dropdown{position: relative;}
.box-items .show-up{display: none;padding: 0;height: 0;transition: height .5s ease-in-out;overflow: hidden;}
.box-items .show-up a{padding-left: 50px;}
.box-items .show-up.second a{padding-left: 70px;}
.box-items .show-up.active{display: block;height: 100%;}

.agenda .box-items a.agenda,
.panorama .box-items a.panorama,
.usuario .box-items a.usuario,
.cliente .box-items a.cliente,
.procurador .box-items a.procurador,
.faturamento .box-items a.faturamento,
.pedidos .box-items a.pedidos,
.produto .box-items a.produto,
.manutencao.area .box-items a.area,
.manutencao.status .box-items a.status,
.manutencao.licitacao .box-items a.licitacao-tipo,
.manutencao.estado .box-items a.estado,
.manutencao.cidade .box-items a.cidade{color: #76a0c4;background: #edf4f9;font-weight: 500;}

.agenda.cadastrar .box-items a.agenda+.show-up a.cadastrar,
.agenda.consultar .box-items a.agenda+.show-up a.consultar,
.panorama.cadastrar .box-items a.panorama+.show-up a.cadastrar,
.panorama.consultar .box-items a.panorama+.show-up a.consultar,
.usuario.cadastrar .box-items a.usuario+.show-up a.cadastrar,
.usuario.consultar .box-items a.usuario+.show-up a.consultar,
.cliente.cadastrar .box-items a.cliente+.show-up a.cadastrar,
.cliente.consultar .box-items a.cliente+.show-up a.consultar,
.procurador.cadastrar .box-items a.procurador+.show-up a.cadastrar,
.procurador.consultar .box-items a.procurador+.show-up a.consultar,
.faturamento.cadastrar .box-items a.faturamento+.show-up a.cadastrar,
.faturamento.consultar .box-items a.faturamento+.show-up a.consultar,
.pedido.cadastrar .box-items a.pedidos+.show-up a.cadastrar,
.pedido.consultar .box-items a.pedidos+.show-up a.consultar,
.produto.cadastrar .box-items a.produto+.show-up a.cadastrar,
.produto.consultar .box-items a.produto+.show-up a.consultar,
.manutencao.area.cadastrar .box-items a.area+.show-up.second a.cadastrar,
.manutencao.area.consultar .box-items a.area+.show-up.second a.consultar,
.manutencao.status.cadastrar .box-items a.status+.show-up.second a.cadastrar,
.manutencao.status.consultar .box-items a.status+.show-up.second a.consultar,
.manutencao.licitacao.cadastrar .box-items a.licitacao-tipo+.show-up.second a.cadastrar,
.manutencao.licitacao.consultar .box-items a.licitacao-tipo+.show-up.second a.consultar,
.manutencao.estado.cadastrar .box-items a.estado+.show-up.second a.cadastrar,
.manutencao.estado.consultar .box-items a.estado+.show-up.second a.consultar,
.manutencao.cidade.cadastrar .box-items a.cidade+.show-up.second a.cadastrar,
.manutencao.cidade.consultar .box-items a.cidade+.show-up.second a.consultar{color: #76a0c4;font-weight: 500;}

div.xdsoft_datetimepicker .xdsoft_calendar td:hover,
div.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover{background-color: #344b83;}



.inner-internas .wrap-items{display: flex;}
.inner-internas .wrap-items .wrap-item{padding: 0 0 0 80px;width: 100%;}

form{width: 100%;}
.no-register-msg{padding: 29px;text-align: center;font-weight: 500;font-size: 16px;}

table{width: 100%;border-spacing: 0;}
table,
table td,
table th{border-collapse: collapse;font-size: 14.5px;}
table th{background-color: #acc8dd;color: inherit;font-weight: 500;}
table .impar,
table .par{font-weight: 400;border-spacing: 20px;}
table .par{background-color: #f2f2f2}
table .impar{background-color: #fff}
table td:nth-child(odd),
table th:nth-child(odd){width: 30%;text-align: left;}
table td:nth-child(even),
table th:nth-child(even){width: 20%;text-align: center;}
table td.type{font-weight: bold;}
table .icon i{display: inline-block;font-size: 27px;color: #bfbfbf;transition: all .2s ease-out;vertical-align: top;margin-top: -5px;}
table .icon i:hover{color: #76a0c4;}


table
table.log th{font-size: 14px;vertical-align: top;}
table th{vertical-align: middle;padding: 15px 15px;}
table{margin-top: 20px;}
table tbody tr td{padding: 30px 15px 30px 15px;vertical-align: top;}
table tr td p{line-height: 1.7;}
table tr td p:first-child{margin-top: -5px;}

.panorama table tbody tr td{padding: 30px 15px 0px 15px;vertical-align: top;line-height: 1.3;}
.panorama table tbody tr:first-child td:first-child{padding-bottom: 10px;}
.panorama table tbody tr td:nth-child(3){padding: 0 15px;vertical-align: top;}
.panorama table tbody tr td:nth-child(4){padding: 0 15px;vertical-align: top;}
.panorama table tbody tr:last-child td:nth-child(3){padding: 0 15px 25px 15px;}
.panorama table tbody tr:first-child td:nth-child(3){padding: 30px 15px 0 15px;}
.panorama table tbody tr:last-child td:nth-child(4){padding: 0 15px 25px 15px;}
.panorama table tbody tr:first-child td:nth-child(4){padding: 30px 15px 0 15px;}

.panorama table tbody tr:last-child td:nth-child(3){padding-bottom: 25px;}

.panorama table tbody tr.one td{padding: 30px 15px !important;}

.agenda.consultar .inner-internas table td:nth-child(1),
.agenda.consultar .inner-internas table th:nth-child(1){width: 15%;text-align: left;}
.agenda.consultar .inner-internas table td:nth-child(2),
.agenda.consultar .inner-internas table th:nth-child(2){width: 5%;text-align: left;}
.agenda.consultar .inner-internas table td:nth-child(3),
.agenda.consultar .inner-internas table th:nth-child(3){width: 64%;text-align: left;}
.agenda.consultar .inner-internas table td:nth-child(4),
.agenda.consultar .inner-internas table th:nth-child(4){width: 18%;text-align: left;}

.pedidos.consultar table td:nth-child(1),
.pedidos.consultar table th:nth-child(1){width: 13%;text-align: center;}
.pedidos.consultar table td:nth-child(2),
.pedidos.consultar table th:nth-child(2){width: 16%;text-align: left;}
.pedidos.consultar table td:nth-child(3),
.pedidos.consultar table th:nth-child(3){width: 50%;text-align: left;}
.pedidos.consultar table td:nth-child(4),
.pedidos.consultar table th:nth-child(4){width: 29%;text-align: left;}

.usuario.consultar table td:nth-child(1),
.usuario.consultar table th:nth-child(1),
.cliente.consultar table td:nth-child(1),
.cliente.consultar table th:nth-child(1),
.procurador.consultar table td:nth-child(1),
.procurador.consultar table th:nth-child(1){width: 15%;text-align: center;}

.usuario.consultar table td:nth-child(2),
.usuario.consultar table th:nth-child(2),
.cliente.consultar table td:nth-child(2),
.cliente.consultar table th:nth-child(2),
.procurador.consultar table td:nth-child(2),
.procurador.consultar table th:nth-child(2){width: 51%;text-align: left;}

.usuario.consultar table td:nth-child(3),
.usuario.consultar table th:nth-child(3),
.cliente.consultar table td:nth-child(3),
.cliente.consultar table th:nth-child(3),
.procurador.consultar table td:nth-child(3),
.procurador.consultar table th:nth-child(3){width: 20%;text-align: left;}

.usuario.consultar table td:nth-child(4),
.usuario.consultar table th:nth-child(4),
.cliente.consultar table td:nth-child(4),
.cliente.consultar table th:nth-child(4),
.procurador.consultar table td:nth-child(4),
.procurador.consultar table th:nth-child(4){width: 15%;text-align: center;}

.usuario.log table td:nth-child(1),
.usuario.log table th:nth-child(1){width: 70%;text-align: center;}
.usuario.log table td:nth-child(2),
.usuario.log table th:nth-child(2){width: 30%;text-align: left;}

.faturamento.consultar table td:nth-child(1),
.faturamento.consultar table th:nth-child(1){width: 25%;text-align: center;}
.faturamento.consultar table td:nth-child(2),
.faturamento.consultar table th:nth-child(2){width: 75%;text-align: center;}

.produto.consultar table td:nth-child(1),
.produto.consultar table th:nth-child(1){width: 15%;text-align: center;}
.produto.consultar table td:nth-child(2),
.produto.consultar table th:nth-child(2){width: 43%;text-align: left;}
.produto.consultar table td:nth-child(3),
.produto.consultar table th:nth-child(3){width: 43%;text-align: left;}

.area.consultar table td:nth-child(1),
.area.consultar table th:nth-child(1){width: 15%;text-align: center;}
.area.consultar table td:nth-child(2),
.area.consultar table th:nth-child(2){width: 78%;text-align: center;}

.status.consultar table td:nth-child(1),
.status.consultar table th:nth-child(1),
.licitacao.consultar table td:nth-child(1),
.licitacao.consultar table th:nth-child(1),
.cidade.consultar table td:nth-child(1),
.cidade.consultar table th:nth-child(1){width: 15%;text-align: center;}

.status.consultar table td:nth-child(2),
.status.consultar table th:nth-child(2),
.licitacao.consultar table td:nth-child(2),
.licitacao.consultar table th:nth-child(2),
.cidade.consultar table td:nth-child(2),
.cidade.consultar table th:nth-child(2){width: 72%;text-align: left;}

.status.consultar table td:nth-child(3),
.status.consultar table th:nth-child(3),
.licitacao.consultar table td:nth-child(3),
.licitacao.consultar table th:nth-child(3),
.cidade.consultar table td:nth-child(3),
.cidade.consultar table th:nth-child(3){width: 12%;text-align: center;}

.estado.consultar table td:nth-child(1),
.estado.consultar table th:nth-child(1){width: 15%;text-align: center;}
.estado.consultar table td:nth-child(2),
.estado.consultar table th:nth-child(2){width: 30%;text-align: left;}
.estado.consultar table td:nth-child(3),
.estado.consultar table th:nth-child(3){width: 5%;text-align: center;}
.estado.consultar table td:nth-child(4),
.estado.consultar table th:nth-child(4){width: 30%;text-align: left;}
.estado.consultar table td:nth-child(5),
.estado.consultar table th:nth-child(5){width: 15%;text-align: left;}

table tbody tr .icon{text-align: center;max-width: 50px;min-width: 50px;}
table tbody tr .icon.edit{padding: 30px 10px 30px 15px;}
table tbody tr .icon.delete{padding: 30px 15px 30px 10px;}

.area_restrita.remover .wrap-item .form-delete .message{font-size: 16px;line-height: 20px;}
.area_restrita.remover .wrap-item .form-delete .message .strong{font-weight: bold;color: #344b83;}

.faturamento .form-consultar{margin-bottom: 25px;}
.faturamento .box-faturamentos .item{padding: 10px;font-size: 14px;line-height: 20px;}
.faturamento .box-faturamentos .item:nth-child(odd){background-color: #f2f2f2;}
.faturamento .box-faturamentos .item .info{}
.faturamento .box-faturamentos .item .info > p{}
.faturamento .box-faturamentos .item .info > p > strong{font-weight: 500;}
.faturamento .box-faturamentos .item .info .nota-fiscal{color: #344b83;font-size: 16px;line-height: 20px;margin-bottom: 10px;}
.faturamento .box-faturamentos .item .info .group{margin-bottom: 10px;}

.pedidos .box-pedidos{}
.pedidos .box-pedidos .item{padding: 10px;font-size: 14px;line-height: 20px;}
.pedidos .box-pedidos .item:nth-child(odd){background-color: #f2f2f2;}
.pedidos .box-pedidos .item .info{}
.pedidos .box-pedidos .item .info > p{}
.pedidos .box-pedidos .item .info > p > strong{font-weight: 500;}
.pedidos .box-pedidos .item .box-botoes{text-align: right;}
.pedidos .box-pedidos .item .box-botoes .btn{display: inline-block;}

.pedido-detalhes .info-pedido{margin-bottom: 30px;}
.pedido-detalhes .info-pedido .group{padding: 10px;}
.pedido-detalhes .info-pedido .group:nth-child(even){background-color: #f2f2f2;}
.pedido-detalhes .info-pedido .group.status{
    margin-top: 15px;
    color: #76a0c4;
    font-size: 20px;
    line-height: 26px;
    text-align: right;
    background-color: #edf4f9;
}
.pedido-detalhes .info-pedido .group.status strong{padding: 0 10px;}
.pedido-detalhes .info-pedido p{margin-bottom: 5px;word-break: break-all;}
.pedido-detalhes .info-pedido p > strong{font-weight: 500;display: inline-block;min-width: 170px;}
.pedido-detalhes .info-pedido p > a{color: #76a0c4;}
.pedido-detalhes .info-pedido p > a.bt-nfe{display: inline-block;vertical-align: middle;margin-right: 10px;}

.pedido-detalhes .titulo-produtos{color: #76a0c4;font-size: 20px;line-height: 24px;margin-bottom: 20px;}
.pedido-detalhes .box-produtos{}
.pedido-detalhes .box-produtos .item{padding: 10px;font-size: 14px;line-height: 20px;}
.pedido-detalhes .box-produtos .item:nth-child(odd){background-color: #f2f2f2;}
.pedido-detalhes .box-produtos .item > p{margin-bottom: 5px;}
.pedido-detalhes .box-produtos .item > p > a{color: #76a0c4;}
.pedido-detalhes .box-produtos .item > p > strong{font-weight: 500;display: inline-block;min-width: 170px;}
.pedido-detalhes .bt-voltar{color: #76a0c4;float: right;}

.pedido-detalhes .box-form{padding: 40px 0 20px 0;}
.pedido-detalhes .box-form .box-label{margin-bottom: 10px;}
.pedido-detalhes .box-form .box-label > p:first-child{color: #76a0c4;font-size: 20px;line-height: 24px;margin-bottom: 20px;}
.pedido-detalhes .box-form .wrapper-input{padding: 0;float: none;}
.pedido-detalhes .box-form .wrapper-input.textarea{width: 100%;min-height: 112px;}
.pedido-detalhes .box-form textarea.input-style{resize:none;height: 94px;padding-right: 10px;color: initial;}
.pedido-detalhes .box-form .box-botoes{text-align: right;}
.pedido-detalhes .box-form .box-botoes .btn{display: inline-block;}

.pedido-detalhes .smartlabel label{left: 10px;top: 10px;}
.pedido-detalhes .smartlabel .active label,
.pedido-detalhes .smartlabel .wrapper-fixedlabel label{left: 10px;top: -7px;}


.autocomplete-suggestions{overflow: auto; border: 1px solid #CBD3DD; background: #FFF;}
.autocomplete-suggestion{overflow: hidden; padding: 5px 15px; white-space: nowrap;}
.autocomplete-selected{background: #F0F0F0;}
.autocomplete-suggestions strong{color: #76a0c4; font-weight: normal;}


/* table, tr, td, th, tbody{display: block;}
td.content::before{content: attr(data-label);} */


/* Dispositivos com tela acima de 1170px */
@media(min-width: 1170px){

}


/* Dispositivos com tela entre de 1024px e 1169px */
@media(min-width: 1024px) and (max-width: 1169px){
    .center{max-width: 1054px;margin: auto;padding: 0 15px;}

    .inner-internas .wrap-items .wrap-item{padding-left: 50px;}
}

/* Dispositivos com tela acima de 1024px */
@media(min-width: 1024px){
    .mobile{display: none !important}
    .desktop{}

    .box-items{display: block !important;}

    .faturamento .form-consultar .btn{padding: 0;}
    .pedidos .form-consultar .btn{padding: 0;}

    .pedidos .box-pedidos .item{display: flex;justify-content: space-between;align-items: flex-end;}

}

/* Dispositivos com tela abaixo de 1069px */
@media(max-width: 1069px){

}

/* Dispositivos com tela abaixo de 1023px */
@media(max-width: 1023px){
    .mobile{}
    .desktop{display: none !important}

    .login .faixa_topo{display: none;}
    .faixa_topo{width: 100%;background-color: #76a0c4;-webkit-box-shadow: 0px 0px 16px 0px rgba(107,107,107,1);-moz-box-shadow: 0px 0px 16px 0px rgba(107,107,107,1);box-shadow: 0px 0px 16px 0px rgba(107,107,107,1);height:auto;position: fixed;top:0;z-index: 10;padding: 25px 0 27px 0}
    .faixa_topo.active{padding: 0;background-color: #76a0c4;}
    .menu_resp{display: none;width: 100%;padding: 45px 0 0 0;position: fixed;top: 0;background-color: #76a0c4;margin: 0 -15px;z-index: 9;}
    .menu_resp a{padding: 14px 0;font-size: 16px;text-transform: uppercase;color:#fff;text-align:center;display: block;}
    .menu_resp a:hover{text-decoration: none;background-color: #e9f1f8;color:#2d3a64;-moz-transition: all .1s ease-out;-webkit-transition: all .1s ease-out;transition: all .1s ease-out;}
    .menu_resp a:last-child{border:none;}
    .menu_resp .bt_area{background-color: #e14331;color:#fff;}
    .menu_resp .bt_area:hover{background-color: #b8382a;color:#fff;}

    header {padding: 100px 0 50px;}

    .internas .inner-internas {padding: 30px 0;}
    .internas .sec-internas .wrap-links{padding: 38px 15px;}
    .internas .sec-internas .down-part {margin-top: -60px;}
    .internas .sec-internas .down-part .breads{display: block;margin: 20px 0;font-size: 16px;}
    .internas .sec-internas .down-part .row{text-align: center;}
    .internas .sec-internas .wrap-links .links{display: block;position: absolute;top: 200px;width: 100%;text-align: center;left: 0;right: 0;}
    .internas .sec-internas .wrap-links .links .admin-name {border-right: navajowhite;padding: 0;}

    .inner-internas .wrap-items .wrap-item{padding: 0;}
    .panorama .sec-panorama table{}

    .wrap-table{margin-top: 0;}
    .box-items .show-up a{padding-left: 0;font-size: 1em;}
    .box-items .show-up.second a{padding-left: 0;font-size: 0.95em;}


    .pedidos .conti .wrapper-input{float: none;width: 100%;}
    .pedidos .conti .wrapper-input.box-botoes{display: block;text-align: right;}
    .pedidos .box-pedidos .item .info > p{margin-bottom: 5px;}
    .pedidos .box-pedidos .item .info > p > strong{display: block;}
    .pedidos .box-pedidos .item .box-botoes{padding-top: 10px;}

    .pedido-detalhes .box-voltar{text-align: right;}
    .pedido-detalhes .bt-voltar{float: none;}
    .pedido-detalhes .info-pedido p > strong{display: block;}
    .precos .box-produtos .item .info > p > strong{display: block;}
    .pedido-detalhes .box-produtos .item > p > strong{display: block;}
    .pedido-detalhes .box-form .wrapper-input.third{width: initial;}
}

/* Dispositivos com tela abaixo de 900px */
@media(max-width: 900px){
    .texto p{font-size: 17px;}
    table{margin-top: 0;}

    .internas .sec-restrita-login{padding: 0;}
    .internas .sec-restrita-login .box-btn{flex-direction: column;padding: 0 10px;}
    .internas .sec-restrita-login .box-btn .forgot-password{margin-top: 5px;margin-bottom: 20px;align-self: flex-end;font-size: 15px;}
    .internas .sec-restrita-login .box-btn .btn{width: 100%;height: 40px;}
}

/* Dispositivos com tela abaixo de 600px */
@media(max-width: 600px){
    footer .wrap-footer{flex-direction: column;justify-content: center;text-align: center;}
    footer .wrap-footer .wrap-end{margin-bottom: 20px;}

    table td.status-icon{flex-direction: column;align-items: center;justify-content: center;}
    table td.status-icon span{margin: 0;}
    table td.status-icon i{display: inline-block;margin: 10px 0 0 0;}

    .box-btn{flex-direction: column;margin-top: 30px;}
    .in .box-btn{flex-direction: column;margin-top: -10px;}
    .in.agenda.cadastrar .box-btn{margin-top: 30px;}
    .btn, a.btn{width: 100%;margin: 10px 0 0 0 !important;}
    .btn.random{max-width: 100%;}
    .wrapper-input.has-two,
    .wrapper-input.has-two-broken,
    .wrapper-input.has-one,
    .wrapper-input.has-three,
    .wrapper-input.has-four,
    .wrapper-input.small-medium,
    .wrapper-input.has-one-half,
    .wrapper-input.small-large-medium,
    .wrapper-input.small-large,
    .wrapper-input.has-one-halfer{grid-template-columns: 1fr;grid-gap: 0 26px;}
    .wrapper-input.has-three-btn,
    .wrapper-input.has-four-uneven,
    .wrapper-input.has-four-btn,
    .wrapper-input.has-five-btn,
    .wrapper-input.col-1-1-2,
    .wrapper-input.has-one-btn{grid-template-columns: 1fr;grid-gap: 15px;}
    .wrapper-input.flex{flex-direction: column;}
    .wrap-label-grid{grid-auto-flow: row;margin: 0 0 20px 0;width: 100%;}

    .in.consultar .down-the-btn,
    .in.log .down-the-btn{grid-row: 1;margin-bottom: 10px;}
    .in.consultar .wrapper-input .btn,
    .in.log .wrapper-input .btn{padding: 12px;margin: 0 !important;}
    .in .make-flex{justify-content: flex-start;flex-direction: column;align-items: flex-start;}
    h2.titulo{display: block;margin-bottom: 10px;}
    .in .wrapper-input .wrap-checkbox{justify-self: end;}
    .in .wrapper-input .wrap-checkbox label{font-size: 17px;}
    .in .wrap-radio{flex-direction: column;text-align: center;}
    .in .wrap-radio .header{padding: 0 0 20px 0;}
    .in .wrap-radio .radio-group{display: flex;flex-direction: row;align-items: center;justify-content: center;}

    .wrap-input-file .btn{height: 42px;width: auto;position: absolute;top: 0;bottom: 0;right: 0;z-index: 1;margin: 0 !important;}
    .wrap-input-file .return-file,
    .wrap-input-file input{padding-right: 62px !important;}

    .paginacao{margin: 40px auto 10px auto;}

    .faturamento.consultar table tr .td-with-icons .text{padding-left: 0px;}
}


/* icon menu */
.hamburguer{
  width: 25px;
  height: 25px;
  display: block;
  float: right;
  position: absolute;
  right:15px;
  top: 15px;
  z-index: 2000;
}

.hamburguer span{
  width: 25px;
  height: 3px;
  background: #fff;
  display: block;
  position: absolute;
  transition: all .2s;
  border-radius: 2px;
}
/*.hamburguer.active span{
  background: red;
}*/
.hamburguer.active{position: fixed;}
.hamburguer.active span{background-color:#fff}
.hamburguer .top-line{
  top: 4px
}
.hamburguer .middle-line{
  margin-top: -1.5px;
  top: 50%;
}
.hamburguer .bottom-line{
  bottom: 4px;
}
.hamburguer.active .top-line{
  transform: rotate(45deg);
  top: 11px;
}
.hamburguer.active .middle-line{
  opacity: 0;
}
.hamburguer.active .bottom-line{
  transform: rotate(-45deg);
  bottom: 11px;
}
.hamburguer:hover .top-line{
  top: 0px;
  -webkit-animation: bounceOutTop .2s linear;
}
.hamburguer:hover .bottom-line{
  bottom: 0px;
  -webkit-animation: bounceOutBottom .2s linear;
}
@-webkit-keyframes bounceOutTop {
  0%{ top: 2.5px;}
  25%{ top: -1px;}
  50%{ top: -2px;}
  75%{ top: -1px;}
  100%{ top: 1px;}
}
@-webkit-keyframes bounceOutBottom {
  0%{ bottom: 2.5px;}
  25%{ bottom: -1px;}
  50%{ bottom: -2px;}
  75%{ bottom: -1px;}
  100%{ bottom: 1px;}
}
.hamburguer.active:hover .top-line{
  transform: rotate(50deg);
  top: 11px;
  -webkit-animation: none;
}
.hamburguer.active:hover .bottom-line{
  transform: rotate(-50deg);
  bottom: 11px;
  -webkit-animation: none;
}