aa::-webkit-scrollbar {
    width: 10px;
}

/* Fundo da barra de rolagem */
::-webkit-scrollbar-track-piece {
    background-color: transparent;
    border-left: 0px;
}

/* Cor do indicador de rolagem */
::-webkit-scrollbar-thumb:vertical,
::-webkit-scrollbar-thumb:horizontal {
    background-color:#201e1e;
}

/* Cor do indicador de rolagem - ao passar o mouse */
::-webkit-scrollbar-thumb:vertical:hover,
::-webkit-scrollbar-thumb:horizontal:hover {
    background-color:#000;
}

[type="radio"]:not(:checked), [type="radio"]:checked {
    position: inherit;
    opacity: 1;
    pointer-events: none;
}


body{background:#ffffff;font-family: 'Roboto', Sans-serif;}
body.painel{background: #fbfbfb;}
h1{font-size: 20px;font-weight: 400;color: #201E1E;margin: 0px 0px 10px 0px;border-bottom: 1px solid #eeeeef;padding: 10px 0px 20px 16px;text-transform: uppercase;}
h2{font-size: 14px;font-weight: 400;color: #201E1E;margin: 14px 0px;}
td, th {padding: 12px 5px;display: table-cell;text-align: left;vertical-align: middle;border-radius: 2px;font-size: 12px;font-family: 'Roboto';}
a{color: #106332;}

.acessar{background: #00A6CC;}
.acessar .box{width: 392px;margin: 90px auto;background: #fff;padding: 5px 10px;box-shadow: 1px 2px 5px 0px #3c3d3e;border-radius: 4px;height: 340px;}
.acessar .box p{}
.acessar .box a{}
.btn_principal{background:#fa3b0a; color:#ffffff;}

.modal h1{
    margin-top: 20px;
    background: #fa3b0a;
    border-radius: 4px;
    color: #ffffff;
    padding: 10px;
    margin: 20px 0px 20px 10px;
}
.modal form{float:left;padding: 0px !important; margin: 0px !important;width: 100%;}
.modal .modal-content {
    padding: 24px;
    border-top: 4px solid #242323;
}
.modal label{color: #fa3b0a !important;}

.modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-flat {
    position: absolute;
    top: 0px;
    right: 0px;
}

.modal_dados_pessais{top:16%;max-height: inherit;
    width: 60%;}
.modal_atualizar_senha{height: 240px;
    width: 60%;}
.modal-overlay{opacity: 0.8 !important;}

.modal_visualizar_solicitacao{top:16%;max-height: inherit;
    width: 60%;}
.modal_visualizar_solicitacao h1 {
    padding: 8px 5px 8px 5px !important;
    font-size: 16px;
}
.modal_visualizar_solicitacao label[for=status]{top: -15px !important;}
.modal_dados_cfm{top:16%;max-height: inherit;
    width: 60%;}
.modal_dados_cfm i{float: left;
    margin: 0px 6px 0px 0px;}
.modal_dados_cfm span{}

input[type=text]{border: 1px solid #d8ddde;}
.input-field label {color: #9e9e9e;position: absolute;top: 0.8rem;left: 20px;font-size: 1rem;cursor: text;padding: 2px 4px;
   -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    -ms-transition: 0.2s ease-out;
    transition: 0.2s ease-out;}
/*.select-dropdown input{display:none !important;}*/
input.valid:not([type]), input.valid:not([type]):focus, input[type=text].valid:not(.browser-default), input[type=text].valid:not(.browser-default):focus, input[type=password].valid:not(.browser-default), input[type=password].valid:not(.browser-default):focus, input[type=email].valid:not(.browser-default), input[type=email].valid:not(.browser-default):focus, input[type=url].valid:not(.browser-default), input[type=url].valid:not(.browser-default):focus, input[type=time].valid:not(.browser-default), input[type=time].valid:not(.browser-default):focus, input[type=date].valid:not(.browser-default), input[type=date].valid:not(.browser-default):focus, input[type=datetime].valid:not(.browser-default), input[type=datetime].valid:not(.browser-default):focus, input[type=datetime-local].valid:not(.browser-default), input[type=datetime-local].valid:not(.browser-default):focus, input[type=tel].valid:not(.browser-default), input[type=tel].valid:not(.browser-default):focus, input[type=number].valid:not(.browser-default), input[type=number].valid:not(.browser-default):focus, input[type=search].valid:not(.browser-default), input[type=search].valid:not(.browser-default):focus, textarea.materialize-textarea.valid, textarea.materialize-textarea.valid:focus, .select-wrapper.valid > input.select-dropdown {
    -webkit-box-shadow: 0 1px 0 0 #4CAF50;
}
input[type=text], select,  input[type=password]{line-height: normal;border: 1px solid #dadada !important;padding: 0px 5px 0px 5px !important;border-radius: 2px !important;background: #ffffff !important;}

.msg-error{background:red}
.txt-error{color:red;}
.show{display:block;}
.hidden{display: none !important;}
.pass-info{padding: 5px;background: #8a4bde;margin: 0px 0px 20px 0px;border-radius: 4px;color: #fff;}
.input-field {position: relative;margin-top: 0px;}

.login{text-align: center;line-height: 0;color: #333333;}
.login .left{color:#fff;height: 100%;padding:0px 20px;}
.login .left img{    margin: 36% 0px 0px 150px;
    width: 260px;}
.login .left h1{color: #FDBA12;font-size: 40px;margin: 160px 0px 10px 0px;}
.login .left h2{font-size: 22px;margin: 10px 0px 40px;}
.login .left h3{font-size: 18px;margin: 40px 0px 20px;}
.login .left h4{font-size: 18px;margin: 20px 0px;}
.login .right {margin:100px 0px 0px 0px;padding: 0px 0px 0px 80px;}
.login .right h4{font-size: 32px;float:left;text-align:center;width:100%;}
.login .right h6{font-size: 18px;float:left;text-align:center;margin:0px 0px 20px 0px;width:100%;}
.login .right form{width: 460px;
    float: left;
    margin: 40px 0px;
    padding: 5px 10px}
.login .right form input{    font-size: 14px;
    border: none !important;
    background: #f9f9f9 !important;
    width: 100%;
    border-bottom: 1px solid #201e1e !important;}
.login .right form .btn{background:#fa4111 !important;float: right;border: none !important;box-shadow: none;width: 100%;}
.login .right form a{    font-size: 14px;
    float: left;
    margin: 0px 0px 0px 5px;
    width: 48%;
    color: #8d8e98;}
.login .right a{color: #047d98;float: left;width: 100%;margin: 28px 0px 0px 0px;text-align: center;}
.login .right .input-field label {color: #9e9e9e;top: 2px;left: 20px !important;height: 0px;}
.login .right .descricao-login{width: 392px;margin: 90px 0px 90px 20%;background: #324175;padding: 5px 10px;height: 340px;float: left;}
.login .btn{background::#fa3b0a !important;}

.login .reset-senha{display: block !important;}
.login .reset-senha h6{font-family:Rational-Medium-semibold;}
.login .reset-senha .modal-content {margin: 0px 0px 28px 0px;padding: 0px 10px;}
.login .reset-senha .btn{margin: 10px 0px 0px 60px;box-shadow: none;}

.cadastro{background: #ffffff;margin: 0px 200px 0px 80px;}
.cadastro .left-box{margin: 90px auto;}
.cadastro .left-box img{width:250px;}
.cadastro .right-box{}
.cadastro .right-box .plano{padding: 20px;float: left;width: 100%;}
.cadastro .right-box .plano a {}
.cadastro h4{color: #555456;font-size: 28px;float:left;text-align:center;width:100%;}
.cadastro form{width: 580px;margin: 90px auto;background: #fdfdfd;padding: 40px 40px;border-radius: 4px;border-bottom: 2px solid #fa4010;}
.cadastro form input{border: 1px solid #cfc9c9 !important;height: 34px !important;background: #fff !important;border-radius: 2px !important;padding: 6px 6px !important;}
.cadastro form .btn{background: #fa3b0a !important;color:#fff;float: right;border: none !important;box-shadow: none;padding: 5px 20px 40px 20px !important;}
.cadastro form .btn.disabled{background: #201E1E !important;}
.cadastro .input-field label {color: #9e9e9e;top: -7px;left: 14px !important;height: 0px;}
.cadastro .password1-error{    margin: 42px 0px;color: #fa3b0a !important;}
.cadastro .error{   margin: 42px 0px;color: #fa3b0a !important;}
.cadastro .cpf-error{   margin: 42px 0px;color: #fa3b0a !important;}
.cadastro h1{    background: none;margin: 20px 0px 0px 0px;border: none;padding: 0px;}
.cadastro h2{}
.cadastro .left-box a{background: #201e1e;}

nav{color: #383535;background-color:#ffffff;box-shadow: none;border-bottom: 1px solid #e9e9ef;padding: 0px 0px 92px 0px;}
nav i{color:#e03c12;}
.nav-wrapper{box-shadow:none !important;padding: 10px 0px 20px 0px;margin:0px 2% 0px 2%;width:96%;}
.nav-wrapper a{color: #383636 !important;font-size: 12px;}
.nav-wrapper a:hover{background:none; color:#757170 !important;}
.nav-wrapper .dropdown-content{padding:0px 0px 0px 0px;top:60px !important;}
.nav-wrapper .dropdown-content li{padding: 16px 0px !important;}
.nav-wrapper .dropdown-content li>a, .dropdown-content li>span {
    font-size: 12px;
    line-height: 5px;
    padding: 8px 8px;
}
.nav-wrapper .dropdown-content li>a>i {
    height: inherit;
    line-height: inherit;
    margin:0px;
    }
.nav-wrapper .brand-logo{height: 82px;}
.nav-wrapper .brand-logo img{width: 60px;margin: 0px 20px 80px 20px;}
.nav-wrapper .foto_perfil{border-radius: 100px;
    overflow: hidden;
    display: block;
    width: 40px;
    height: 40px;
    margin: 12px 0px;
    text-align: center;}
.nav-wrapper .foto_perfil img{width: 60px;margin: 0px 20px 80px 20px;}
.side-nav{}
.side-nav .background{}
.side-nav .user-view{background: #585855;padding: 100px 10px 0px 16px;}
.side-nav .user-view img{width:60px;}
#formulario_pesquisa{opacity: 0}

.main .list_servicos{background:#f0f0f0; border-radius: 4px;padding: 20px;border: 1px solid #f1f1f1;}
.main .list_servicos .box_list{padding: 22px 0px 22px 0px;
    margin: 20px 0px;
    border-radius: 5px;
    background: #ffffff;position: relative;}
.main .list_servicos .box_list a{color:#52535a;}
.main .list_servicos .box_list .cupom{color: white;
    background: #3aca16;
    float: left;
    padding: 2px 10px !important;
    border-radius: 20px;
    position: absolute;
    top: -28px;
    right: 6px;}
.main .list_servicos .box_list .qtd_mensagem{    text-align: center;
    margin: 0px;
    background: #15c122;
    color: #ffffff;
    border-radius: 2px;
    float: right;
    width: 33px;
    height: 31px;
    padding: 5px 5px;}
.main .list_servicos .box_list .badge{padding: 2px 14px 10px 14px;border-radius: 2px;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    float: left;}
.main .cadastrar_solicitacao{border-radius: 4px;border: 1px solid #f1f1f1;background: #484545;padding: 0px;}
.main .cadastrar_solicitacao textarea{background: white;
    height: 150px;
    border-radius: 10px;
    width: 105%;
}
.main .cadastrar_solicitacao .header{background: #fa3b0a;
    padding: 22px 0px 22px 0px;
    border-radius: 4px 4px 0px 0px;border-bottom: 1px solid white;}
.main .cadastrar_solicitacao .header h1{border:none; padding: 0px; margin: 0px;color: #fff;
    text-align: center;}
.main .cadastrar_solicitacao .body{padding: 20px 22px 10px 10px;}
.main .cadastrar_solicitacao input[type=text], select {
    line-height: normal;
    border: 1px solid #f7f7f7 !important;
    padding: 0px 5px 0px 12px !important;
    border-radius: 2px !important;
    background: #ffffff !important;
    border-radius: 100px !important;
}

.main .cadastrar_solicitacao .input-field label {
    color: #565353;
    position: absolute;
    top: -0.2rem;
    font-size: 1rem;
    cursor: text;
    padding: 2px 4px;
left: 1.75rem !important;}
.main .cadastrar_solicitacao .btn{    width: 98% !important;
    border-radius: 28px;
    background: #fa3b0a;
    padding: 2px 0px 45px 0px;
    margin: 0px 0px 0px 10px;}
.main{margin: 20px 3% 50px 3%;width:94%;}
.main .right{margin: 0px 9px 0px 0px;width: 75% !important;}
.main .left{width: 24% !important;}
.main .card-panel{padding: 0px;}
.main .card-panel form{padding:14px;}
.main .card-panel.right_box{width: 32%;float: right;}
.main .card-panel .box{padding:14px !important;}
.main .card-panel .box table span.badge.new:after, .main .card-panel span.badge.new:after{display:none;}
.main .card-panel .box table span.badge.new {width: 44%;}
.main .modal{max-height:88%;width: 80%;top:5% !important;}
.main .modal-content .card-panel{padding: 10px;}
.main .modal-content .card-panel span.badge.new{margin: 10px 0px;}
.main .modal-content h1{padding: 0px 0px 8px 0px;font-size: 16px;}
.main .modal-content input[type=text] {border: 1px solid #d8ddde;background: #ffffff !important;border: 1px solid #e9e9e9 !important;border-radius: 2px !important;padding: 2px 2px 2px 5px !important;}
.modal .modal-close {cursor: pointer;position: absolute;top: -10px;}
.main .box_top{}
.main .box_top .box{width: 22.6%;margin: 0px 20px 0px 10px;border-radius: 4px;height: 90px;padding: 0px 10px 10px 10px;box-shadow: none;border: 1px solid #e2e6e8;border-left: 4px solid #fa3b0a;}
.main .chat .left{border-radius: 4px;border: 1px solid #f1f1f1;background: #ffffff;padding: 0px;margin-left: :0px;}
.main .chat .right{background:#ffffff; border-radius: 4px;padding:0px;border: 1px solid #f1f1f1;margin-left: :0px;}
.main .chat .right .header{background: #484545;border-bottom: 1px solid #f1f1f1;margin: 0px 0px 30px 0px;padding: 10px 10px 0px 10px;border-radius: 4px 4px 0px 0px;height: 80px !important;}
.main .chat .right .header p b{    font-weight: 400;padding: 5px 0px 0px 0px !important;float: left;}
.main .chat .right .header i{margin: 5px 10px 10px 10px;float: left;}
.main .chat .right .header .botoes {padding:10px 0px 0px 0px;}
.main .chat .right .header .botoes img{width:30px;}
.main .chat .right .header p{color: #ffffff;width: 100%;padding: 8px 0px;float: left;    margin: 0px; font-size: 14px;}
.main .chat .right .header p a{color: #ffffff;}
.main .chat .right .header p span{width: 100%;float: left;}
.main .chat .right .header .avaliacao i{color:#ecbd08;}
.main .chat .right .header a{color:#ffff;}
.main .chat .right .image_user{    border-radius: 100px;
    overflow: hidden;
    display: block;
    width: 40px;
    height: 40px;
    margin: 12px 0px;
    text-align: center;float: left;}
.main .chat .left .header{background: #ff400e; color:#fff;
    border-bottom: 1px solid #f1f1f1;
    border-radius: 4px 4px 0px 0px;
    float: left;
    width: 100%;
    padding: 16px 10px 26px 10px;
    margin: 0px;}
.main .chat .left .header p{padding: 0px; margin: 0px;}


.main .chat .left .box_chat_prestador{padding: 16px 10px;
    float: left;
    width: 100%;}
.main .chat .left .box_chat_prestador a{padding: 5px 10px;
    border: 1px solid #f1f1f1;
    background: #fbfbfb;
    border-radius: 2px;
    color: #303031;
    font-size: 14px;
    width: 100%;
    float: left;
    margin: 5px 0px;}
.main .chat .left .box_chat_prestador a:hover{background: #9fa0a5;}
.main .chat .left .box_chat_prestador a.active{    background: #484545;
    border: none;
    color: #fff;}
.main .chat .left .box_chat_prestador span{}
.main .chat .left .box_chat_prestador .image_user{    border-radius: 100px;
    overflow: hidden;
    display: block;
    width: 25px;
    height: 25px;
    margin: 12px 0px;
    text-align: center;float: left;}
.main .chat .left .box_chat_prestador b{font-size: 11px;float: left;
    margin: 15px 10px 0px 10px;
    font-weight: 400;}


.top-servico{    background: #1b1b1d;
    color: #ffffff;}
.download-arquivo{}
.descricao-servico{float: left;
    width: 100%;
    background: #ffffff;
    padding: 10px;
    border: 1px solid #e3e3e4;border-radius: 5px;
    margin: 0px 0px 20px 0px;}
.descricao-servico h1{font-weight: 600;font-size: 14px !important;}
.descricao-servico p{font-size: 12px !important;}
.mensagem{background: #e6e6ec;padding: 10px;border-radius: 5px;}
.mensagem .btn{background: #e03c12;}
.mensagem h4{font-size: 14px;font-weight: 500;}
.mensagem .date{font-size: 12px;color: #acacb6;}
.mensagem .mens{font-size: 14px;color: #67676c;}
.mensagem textarea{width: 100%;height: 100px;background-color: #ffffff;border: 1px solid #e2e2e4;}
.download-arquivo{background: #e6e6ec;box-shadow: 0px 0px 2px 0px #e3e3e8;padding: 20px;}
.download-arquivo h4{font-size: 14px;font-weight: 500;}
.download-arquivo .download .btn{margin: 2px;}
.download-arquivo .arquivos{margin: 50px 0px 0px 0px;}


.estrelas input[type=radio]{
    display: none;
}.estrelas label i.fa:before{
    content: '\f005';
    color: #FC0;
}.estrelas  input[type=radio]:checked  ~ label i.fa:before{
    color: #CCC;
}
.estrelas [type="radio"]:not(:checked)+label:before{display: none;}
.estrelas [type="radio"]:checked+label:after {
    display:none;
}


#chat{height: 280px;overflow: auto;display: flex;flex-direction: column-reverse;box-shadow: none;padding: 10px 20px 5px 20px;margin: 0px 0px 20px 0px;}

#chat .p{background:#d8e6e1;float:right;    padding: 12px;
    margin: 10px 10px 10px 10px;
    border-radius: 14px;width:60%;}
#chat .u{background:#ebecf1;float:left;    padding: 12px;
    margin: 10px 0px 0px 40%;
    border-radius: 14px;width:60%;}
#chat .date{font-size:10px;}
#chat .mens{font-size:14px;font-family: monospace;}

.chat .form-chat{background: #e9eaf1ab;
    padding: 20px 0px 0px 40px;
    margin: 0px;}
.chat .form-chat input{border-radius: 100px !important;}
.chat .form-chat .btn{border-radius: 100px !important;margin: 5px 0px;}


.mensagem_alert{    background: #e03c12;
    color: #fff;
    padding: 5px 20px;
    border-radius: 100px;}

    

.footer{    float: left;
    margin: 20px 0px 0px 0px;
    width: 100%;
    background: #201e1e;
    padding: 10px 0px;
    color: #ffffff;}

/* On screens that are 600px wide or less, the background color is olive */
@media screen and (max-width: 600px) {

.left_box{width:100% !important;}
.right_box{width:100% !important;}
.main .modal{max-height:88%;width: 90%;}
.main .card-panel form {padding: 10px 0px 10px 0px;}
.main .card-panel .box table span.badge.new {width: 100%;}
.hidden-mobile{display: none;}

.login .right {
    margin: 108px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.login .right h6 {
    font-size: 18px;
    float: left;
    text-align: center;
    margin: 0px 0px 40px 0px;
    width: 100%;
}

.cadastro .left-box img {
    margin: 5% 0px 0px 20%;
    width: 60%;
}
.cadastro .left-box {
    margin: 0px;
}
.cadastro {
    background: #ffffff;
    margin: 0px 0px 0px 0px;
}
.cadastro h1 {
    background: none;
    margin: 20px 0px 0px 0px;
    border: none;
    padding: 0px;
    text-align: center;
}
.cadastro h2 {
    font-size: 14px;
    font-weight: 400;
    color: #201E1E;
    margin: 14px 0px;
    text-align: center;
}
.cadastro .left-box a {
    background: #201e1e;
    text-align: center;
    margin: 0px 28% 0px 36%;
}
.cadastro form {
    width: 100%;
    margin: 0px auto;
    background: #fdfdfd;
    padding: 20px 20px;
    border-radius: 4px;
    border-bottom: 2px solid #fa4010;
}

.cadastro form .btn {
    background: #fa3b0a !important;
    color: #fff;
    float: right;
    border: none !important;
    box-shadow: none;
    padding: 5px 20px 40px 20px !important;
    width: 100%;
}
.main .left {
    width: 100% !important;
    margin: 0px 0px 40px 0px;
}
.main .right {
    margin: 0px 0px 0px 0px;
    width: 100% !important;
}

.main .list_servicos .box_list .qtd_mensagem {
    text-align: center;
    margin: -5px 0px 0px 26px;
    background: #15c122;
    color: #ffffff;
    border-radius: 2px;
    float: left;
    width: 33px;
    height: 31px;
    padding: 5px 5px;
}

#chat{    width: 100%;}
.login .right form{width: inherit;}
.login .left img {
    margin: 5% 0px 0px 0%;
    width: 40%;
}
.login .right {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.modal_atualizar_senha {
    height: inherit;
    width: 90%;
}
.modal_dados_pessais {
    top: 16%;
    max-height: 600px;
    width: 94%;
}
#foto_perfil{min-height: 250px;}
.nav-wrapper .foto_perfil {
    border-radius: 100px;
    overflow: hidden;
    display: block;
    width: 80px;
    height: 80px;
    margin: 12px 0px 5px 22px;
    text-align: center;
}
.nav-wrapper .name{    border-bottom: 1px solid #dbdbde;
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px 0px 30px 0px;
}}
}