@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&family=Montserrat:wght@400;600;700;800&family=Noto+Sans:wght@400;700&display=swap');

    html, body{margin:0;padding:0;width:100%;height:100%; font-family: "Noto Sans", sans-serif;}
    body{ background: #ffffff; color:#5a5a5a}
    a, a:link, a:visited, a:hover, a:active { text-decoration: none; color: #FFF;}
    h2{font-family:Digital-Serial-Bold; color:#808080;}
    .left{float:left;}
    .right{float:right;} 
    
    #login-cliente{width:100%;height:100%; background-image:url("https://totallinks.com.br/images/logo-quemsomos.png");
        background-position: 30% center;  background-repeat:no-repeat;    top: 0; position: absolute;}
    #contaner-login{width:400px; height:100%;position: absolute; right: 5%;display: table;background: rgb(14 27 72);
        border: 2px solid #0e1b48;border-bottom:none;color: #fff;}
    #login{display: table-cell;vertical-align: middle;}



    #flogin, #fresetsenha{width: 90%;height: auto; padding: 0 5%; }
    #txtlogin{width:100%; display:table; text-align: center;   font-family: 'Montserrat', Trebuchet, sans-serif; font-weight:bold; margin-bottom:20px; }
    #flogin input, #fresetsenha input {width: 100%; display: table; margin: 0 auto;padding: 10px ; margin-bottom: 20px;color: #707070;}
    #flogin input[type=submit], #fresetsenha  input[type=submit] { cursor:pointer;  background:#6c8ac6; border:none; color:#fff}


    
    #esqueci-senha{color: #fff;margin-bottom: 10px;display: table; width: 100%; text-align: right;     font-style: italic;}
    
    header {  width: 100%; height: 86px; COLOR: #FFFFFF; z-index: 9999; display: table;}
    #conteudo-header{width: 70%;height: 100%; margin: 0 auto;display: table; position: relative; width: 90%;}
    .cliente-nome{ display:table;    float: left;   margin-right: 20px;}
    .btn-conf{     position: absolute;
        float: right;
        right: 5;
        vertical-align: middle;
        width: 150px;
        text-align: right;}
        .btn-conf img{padding: 5px 0 10px 0;}
    .btn-conf2{       background: #fff;
           position: absolute;
        float: right;
        right: 0;
        text-align: left;
        display:none;}
    .btn-conf2 span{  width: 100%;
        color: #333333;
        border-bottom: 1px solid #333333;
        display: table;
            padding: 5px;
        background: #fdfdfd;
        box-shadow: 2px 2px 2px 0px #888888;
    }
    .marca{     height: 100%; display: table-cell; vertical-align: middle;}
    .marcaout {    background: url(../../images/totallinks.svg) no-repeat; width: 241px;height: 99px;height: 75px; background-position: center center;}
    #msg-boasvindas{ display: table-cell;vertical-align: middle;}
    #msg-cliente{float: right;}
    #contaner-cliente{width:70%;margin: 0 auto;display: table; padding:60px 0;     width: 90%;}
    .buscacampo form{ margin-right:20px;}
    .buscacampo  input{ width: 200px; height: 30px; padding: 5px;color: #707070;}
    .buscacampo input[type="submit"]{ background: #8dc640; border: 1px solid #8dc640;color: #fff;width: 150px; margin-left: 20px;}
    .buscacampo  select { width: 200px; height: 30px; padding: 5px;color: #707070;}
    .campovazio{border: 1px solid red;color: red; }
    .campoerro{ color: red;     font-size: 14px;}
    #top-cliente{width:100%;}
    .conteudo{width:100%;}
    .titulo-cliente{width:100%;}
    #doc-cliente{width:100%;    /*margin-bottom: 60px;*/}
    .bar-firt{width:100%; background:#d0d0d0; color:#525252; color:#fff;text-transform:uppercase; font-weight:bold;     }
    .bar-tit{color:#525252}
    .bar-par, .bar-imp{width:100%; color: #333333; }
    .bar-par{/*background:#f0f0f0; */border: 1px solid #f0f0f0; }
    .bar-imp{/*background:#dadada; */border: 1px solid #f0f0f0; }
    
    #inf-cliente{width:100%;}
    .inf-cliente-desc{width:100%;     margin: 20px 0;}
    #inf-cliente td, .inf-cliente-desc td{padding: 10px; font-size: 15px;    color: #808080;text-align: left;}
    .detalhe {
            background: #0099d2;
        border: none;
        width: 150px;
        height: 30px;
        color: #fff;
        cursor:pointer;
            display: table;
        text-align: center;
        line-height: 30px;
    }
    .ctr-cliente{    width: 90%;
        height: 60px;
        background: #333;
        margin-bottom: 30px;
        display: table;    padding: 0 5%;}
    .ctr-cliente-inf{   width:33%; color: #FFF;
        display: table-cell;
        vertical-align: middle;
    }
    
    .nota-cliente{    width: 90%;
        padding: 10px 5%;
        text-align: center;
        margin-bottom: 20px;
            background: #e1e1e1;
            background: #333333;
        color: #fff;
    }