@charset "utf-8";


/*General*/
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin:0; padding:0;}

body {height: 100%; font-size: 18px; overflow-x: hidden; color: #333; background: #F3F3F3;}

a{text-decoration: none;}

h1{font-size: 28px; text-align: center; color:#444;}

hr{color:#eee;}

ul{list-style: none;}

.center{text-align: center !important;}

.display-none{display:none;}

.readonly{background: #ddd;}

.fundo{position:absolute; width: 100%; background: rgba(0,0,0,0.9);}

.margin30Top{margin-top:30px;}
.margin30Bottom{margin-bottom:30px;}

.color-success{background: #d4edda;}
.color-danger{background: #f8d7da;}

.orientacoes{width: 90%; margin: 30px auto; background: #ddd; border: 1px solid #aaa; border-radius: 2px;}
    .orientacoes__title{background: #444; text-align: center; color:#fff; font-weight: bold; padding: 10px;}
    .orientacoes__text{font-size:16px; padding: 20px;}





/*Extra-Small Devices*/
@media screen and (max-width: 480px) {
    /* Forms */
    input[type='text'],input[type='email'],input[type='password'],input[type='date'],select{width: 100%; height: 50px; font-size: 18px; color:#666; padding: 0 7px; margin: 12px 0;}
    input[type='checkbox']{height: auto;}
    input[type='file']{display:none;}
    input[type='submit']{height: 50px; cursor: pointer; background: #05546b; padding: 15px 40px; color:#fff; font-weight: bold; border: none; margin: 12px 0; font-size: 18px; border-radius: 2px;}
    input[type='submit']:hover{opacity: 0.8;}
    textarea{width:100%; font-size: 17px; padding: 10px;}

    .container-login{display:grid; align-items: center; justify-items: center; background: url('/img/background-login-m.jpg') no-repeat center center #000; background-size: cover;}
        .login{width: 92%; padding-bottom: 45px; border-radius: 10px; color: #FFFFFF; font-weight: bold; z-index: 10; opacity: 0.85; background: #000000;}
        .login-logo{position: relative; top: 8px; text-align: center;}
        .login-error{color: #c6373e; margin-bottom: 15px;}
        .login-form{padding: 0 5%;}
        .login-form input{margin: 5px 0;}
        .login-form input:first-child{margin-top: 0;}

    .container-dash{
        display:grid;
        grid-template-columns: 100%;
        grid-template-areas:
                "header"
                "aside"
                "main"
    }

    header{grid-area: header;}
        .title {background: #222;font-size: 19px;font-weight: bold;color:#fff;text-align: center;padding: 15px 0;}

    aside{grid-area: aside;  background: #222;}
        .profile{background: #05546b;color: #fff;text-align: center;padding: 20px 5px;}
        .profile__links{margin: 12px 0 0 0;}
        .profile__links a{margin: 0 5px;}

    nav{display:none;}
        nav li:hover{background: #454545;}
        nav a{color:#fff;  display: block; padding: 10px 10%; border: 1px solid #333;}
        nav img{vertical-align: middle; margin-right: 10px;}

    main{grid-area: main;}
        .intro{padding: 20px 5%;}
        .form form{
            display: grid;
            width: 100%;
            grid-template-columns: 100%;
            grid-column-gap: 4%;
            padding: 30px 5%;

        }
        #form-tickets, #form-edit{grid-template-rows: repeat(21, 95px);}
        #form-cancelamento{grid-template-rows: repeat(25, 120px);}
        .form--cem{grid-column: 1/3;}
        .form--half{grid-column: 1/2;}
        .form--align-end{align-self: end;}
        .form--file-label{padding: 7px 10px; margin: 10px 0; background: #ccc; color: #333; border-radius: 2px; border: 1px solid #aaa; cursor: pointer;}
        .form--file-label:hover{opacity: 0.8;}
        .br{display:none;}
        .button-div{justify-self: center;}
        .form button{height: 50px; cursor: pointer; background: #05546b; color:#fff; font-weight: bold; border: none; margin: 12px 0; font-size: 18px; border-radius: 2px;}
        .form button:hover{opacity: 0.8;}
        .form button div{width:100%; height: 50px; padding: 15px 40px;}


    footer{grid-area: footer;}

    .popup{position: absolute;top: 50%;left: 50%;width: 90%; border-radius: 5px; background: white;margin-right: -50%;transform: translate(-50%,-50%);z-index: 2; text-align: center;}
        .popup--title{width:100%; color:#fff; background: #03708B; font-weight: bold; padding: 10px 5%; border-radius: 5px 5px 0 0;}
        .popup--buttons{width:100%; padding: 40px 2%;}
        .popup--buttons button{display:inline-block;}
        #btnYes{padding: 5px 15px; background: #127409; font-weight: bold; color:#fff; border: none; font-size: 18px; cursor: pointer;}
        #btnNo{padding: 5px 15px; background: #742b0c; font-weight: bold; color:#fff; border: none; font-size: 18px; cursor: pointer;}

    .result{display:none;}
    .table-search{width: 100%; padding: 0 1%; text-align: center; font-size: 17px;}
        .table-search thead{display:none;}
        .table-search td{float:left; width: 100%; padding: 9px 0;}
        .table-search tr:nth-child(2n){background: #ddd;}

    .table-list{width: 100%; padding: 0 1%; text-align: center; font-size: 17px;}
        .table-list thead{display:none;}
        .table-list td{float:left; width: 100%; padding: 9px 0;}
        /*.table-list tr:nth-child(2n){background: #ddd;}*/

    .details{width:80%; margin:20px 10%;}
        .table-details{width:100%;}
        .table-details tr{border-bottom: 1px solid #ccc;}
        .table-details td{border-bottom: 1px solid #ccc;}
        .table-details td:first-child{width:50%; padding: 15px 10px 15px 0; text-align: right;}
        .table-details td:last-child{width: 50%; text-align: left;}

    .success{width:90%; text-align: center; padding: 15px 5%; border-radius: 5px; margin: 20px auto 5px auto; background: #d4edda; border: 1px solid #c3e6cb;}

    .saldo{display:grid;width: 90%;margin: 0 auto 30px auto;justify-items: center; grid-row-gap: 20px;}
        .saldo__item{border-radius: 5px;font-weight: bold;text-align: center;}
        .saldo__item--success{border: 1px solid darkgreen; background: #d4edda;}
        .saldo__item--danger{border: 1px solid darkred; background: #f8d7da;}
        .saldo__item--title{padding: 5px 10px;font-size: 18px;}
        .saldo__item--title-success{background: darkgreen; color: #d4edda;}
        .saldo__item--title-danger{background: darkred; color: #f8d7da;}
        .saldo__item--text, .saldo__item--textrav{padding: 20px;font-size: 25px;}

    .saldo-historico{display:grid; width: 90%; margin: 0 5% 30px 5%; justify-content: center; grid-row-gap: 20px;}

    .filtros{display:grid; row-gap: 20px; margin-bottom: 30px; padding: 0 5%; text-align: center;}

    .info{display:grid;width: 90%; padding: 15px 15px;background: #ddd;margin: 30px auto 15px auto;border: 1px solid #999;row-gap: 10px;}

    .historicAll{display: grid; justify-content: center; margin-bottom: 30px;}
    .historicAllBtn{cursor:pointer;}
    .resultHistoricAll{display:grid; width: 90%; justify-content: center; background: darkred; color:#fff; font-weight: bold; font-size: 18px; text-align: center; padding: 20px 30px; margin: 0 5% 30px 5%;}
}






/*Small Devices*/
@media only screen and (min-width: 481px) and (max-width: 767px) {
    /* Forms */
    input[type='text'],input[type='email'],input[type='password'],input[type='date'],select{width: 100%; height: 50px; font-size: 18px; color:#666; padding: 0 7px; margin: 12px 0;}
    input[type='checkbox']{height: auto;}
    input[type='file']{display:none;}
    input[type='submit']{height: 50px; cursor: pointer; background: #05546b; padding: 15px 40px; color:#fff; font-weight: bold; border: none; margin: 12px 0; font-size: 18px; border-radius: 2px;}
    input[type='submit']:hover{opacity: 0.8;}
    textarea{width: 100%; font-size: 17px; padding: 10px;}

    .container-login{display:grid; align-items: center; justify-items: center; background: url('/img/background-login-m.jpg') no-repeat center center #000; background-size: cover;}
        .login{width: 400px; padding-bottom: 45px; border-radius: 10px; color: #FFFFFF; font-weight: bold; z-index: 10; opacity: 0.85; background: #000000;}
        .login-logo{position: relative; top: 8px; text-align: center;}
        .login-error{color: #c6373e; margin-bottom: 15px;}
        .login-form{padding: 0 5%;}
        .login-form input{margin: 5px 0;}
        .login-form input:first-child{margin-top: 0;}

    .container-dash{
        display:grid;
        grid-template-columns: 100%;
        grid-template-areas:
                "header"
                "aside"
                "main"
    }

    header{grid-area: header;}
        .title {background: #222;font-size: 19px;font-weight: bold;color:#fff;text-align: center;padding: 15px 0;}

    aside{grid-area: aside;  background: #222;}
        .profile{background: #05546b;color: #fff;text-align: center;padding: 20px 5px;}
        .profile__links{margin: 12px 0 0 0;}
        .profile__links a{margin: 0 5px;}

    nav{display:none;}
        nav li:hover{background: #454545;}
        nav a{color:#fff;  display: block; padding: 10px 10%; border: 1px solid #333;}
        nav img{vertical-align: middle; margin-right: 10px;}

    main{grid-area: main;}
        .intro{padding: 20px 5%;}
        .form form{
            display: grid;
            width: 100%;
            grid-template-columns: repeat(2,48%);
            grid-column-gap: 4%;
            padding: 30px 5%;

        }
        #form-tickets, #form-edit{grid-template-rows: repeat(12, 90px);}
        #form-cancelamento{grid-template-rows: repeat(13, 120px);}
        .form--cem{grid-column: 1/3;}
        .form--half{grid-column: 1/2;}
        .form--align-end{align-self: end;}
        .form--file-label{padding: 7px 10px; margin: 10px 0; background: #ccc; color: #333; border-radius: 2px; border: 1px solid #aaa; cursor: pointer;}
        .form--file-label:hover{opacity: 0.8;}
        .button-div{justify-self: center;}
        .form button{height: 50px; cursor: pointer; background: #05546b; color:#fff; font-weight: bold; border: none; margin: 12px 0; font-size: 18px; border-radius: 2px;}
        .form button:hover{opacity: 0.8;}
        .form button div{width:100%; height: 50px; padding: 15px 40px;}

    footer{grid-area: footer;}

    .popup{position: absolute;top: 50%;left: 50%;width: 80%; border-radius: 5px; background: white;margin-right: -50%;transform: translate(-50%,-50%);z-index: 2; text-align: center;}
        .popup--title{width:100%; color:#fff; background: #03708B; font-weight: bold; padding: 10px 5%; border-radius: 5px 5px 0 0;}
        .popup--buttons{width:100%; padding: 40px 2%;}
        .popup--buttons button{display:inline-block;}
        #btnYes{padding: 5px 15px; background: #127409; font-weight: bold; color:#fff; border: none; font-size: 18px; cursor: pointer;}
        #btnNo{padding: 5px 15px; background: #742b0c; font-weight: bold; color:#fff; border: none; font-size: 18px; cursor: pointer;}

    .result{display:none;}
    .table-search{width: 100%; padding: 0 1%; text-align: center; font-size: 17px;}
        .table-search thead tr{background: #444; color:#fff;}
        .table-search th:nth-child(1){width:50%; padding: 7px 0;}
        .table-search th:nth-child(2){width:20%;}
        .table-search th:nth-child(3){width:30%;}
        .table-search td{padding: 9px 0;}
        .table-search tr:nth-child(2n){background: #ddd;}

    .table-list{width: 100%; padding: 0 1%; text-align: center; font-size: 15px;}
        .table-list thead tr{background: #444; color:#fff;}
        .table-list th:nth-child(1){width:5%; padding: 7px 0;}
        .table-list th:nth-child(2){width:13%; padding: 7px 0;}
        .table-list th:nth-child(3){width:35%;}
        .table-list th:nth-child(4){width:15%;}
        .table-list th:nth-child(5){width:12%;}
        .table-list th:nth-child(6){width:20%;}
        .table-list td{padding: 9px 0;}
        /*.table-list tr:nth-child(2n){background: #ddd;}*/

    .details{width:80%; margin:20px 10%;}
        .table-details{width:100%;}
        .table-details tr{border-bottom: 1px solid #ccc;}
        .table-details td{border-bottom: 1px solid #ccc;}
        .table-details td:first-child{width:50%; padding: 15px 10px 15px 0; text-align: right;}
        .table-details td:last-child{width: 50%; text-align: left;}

    .success{width:80%; text-align: center; padding: 15px 5%; border-radius: 5px; margin: 20px auto 5px auto; background: #d4edda; border: 1px solid #c3e6cb;}

    .saldo{display:grid;width: 60%;margin: 0 auto 30px auto;justify-items: center;}
        .saldo__item{border-radius: 5px;font-weight: bold;text-align: center;}
        .saldo__item--success{border: 1px solid darkgreen; background: #d4edda;}
        .saldo__item--danger{border: 1px solid darkred; background: #f8d7da;}
        .saldo__item--title{padding: 5px 10px;font-size: 18px;}
        .saldo__item--title-success{background: darkgreen; color: #d4edda;}
        .saldo__item--title-danger{background: darkred; color: #f8d7da;}
        .saldo__item--text, .saldo__item--textrav{padding: 20px;font-size: 25px;}

    .saldo-historico{display:grid; grid-template-columns: 45% 45%; width: 90%; margin: 0 5% 30px 5%; justify-content: space-evenly;}

    .filtros{display:grid; grid-template-columns: repeat(2,40%); margin-bottom: 30px; justify-content: space-evenly; align-items: center; text-align: center;}

    .info{display:grid;width: 90%; padding: 15px 15px;background: #ddd;margin: 30px auto 15px auto;border: 1px solid #999;row-gap: 10px;}

    .historicAll{display: grid; justify-content: center; margin-bottom: 30px;}
    .historicAllBtn{cursor:pointer;}
    .resultHistoricAll{display:grid; width: 90%; justify-content: center; background: darkred; color:#fff; font-weight: bold; font-size: 18px; text-align: center; padding: 20px 30px; margin: 0 5% 30px 5%;}
}







/*Medium Devices*/
@media only screen and (min-width: 768px) and (max-width: 1199px) {
    /* Forms */
    input[type='text'],input[type='email'],input[type='password'],input[type='date'],select{width: 100%; height: 50px; font-size: 17px; color:#666; padding: 0 7px; margin: 12px 0;}
    input[type='checkbox']{height: auto;}
    input[type='file']{display:none;}
    input[type='submit']{height: 50px; cursor: pointer; background: #05546b; padding: 15px 40px; color:#fff; font-weight: bold; border: none; margin: 12px 0; font-size: 18px; border-radius: 2px;}
    input[type='submit']:hover{opacity: 0.8;}
    textarea{width: 100%; font-size: 17px; padding: 10px;}

    .container-login{display: grid;align-items: center;justify-items: center;background: url('/img/background-login-l.jpg') no-repeat center center #000;background-size: cover;}
        .login{width: 500px; padding-bottom: 45px; border-radius: 10px; color: #FFFFFF; font-weight: bold; z-index: 10; opacity: 0.85; background: #000000;}
        .login-logo{position: relative; top: 6px; text-align: center;}
        .login-error{color: #c6373e; margin-bottom: 15px;}
        .login-form{padding: 0 5%;}
        .login-form input{margin: 5px 0;}

    .container-dash{
        display:grid;
        grid-template-columns: 30% 70%;
        grid-template-rows: 70px auto;
        grid-template-areas:
                "aside header"
                "aside main"
    }

    header{grid-area: header;}
        .title {background: #222;font-size: 19px;font-weight: bold;color:#fff;text-align: center;padding: 15px 0;}

    aside{grid-area: aside;  background: #222;}
        .profile{background: #05546b;color: #fff;text-align: center;padding: 20px 5px;}
        .profile__links{margin: 12px 0 0 0;}
        .profile__links a{margin: 0 5px;}

    nav{}
        nav li:hover{background: #454545;}
        nav a{color:#fff;  display: block; padding: 10px 10%; border: 1px solid #333;}
        nav img{vertical-align: middle; margin-right: 10px;}
        #buttonMob{display:none;}

    main{grid-area: main;}
        .intro{padding: 20px 5%;}
        .form form{
            display: grid;
            width: 100%;
            grid-template-columns: repeat(4,23%);
            grid-column-gap: 2.66%;
            padding: 30px 5%;
        }
        #form-tickets, #form-edit{grid-template-rows: repeat(6, 130px);}
        #form-cancelamento{grid-template-rows: repeat(7, 130px);}
        .form--cem{grid-column: 1/5;}
        .form--half{grid-column: 1/3;}
        .form--align-end{align-self: end;}
        .form--file-label{padding: 7px 10px; margin: 10px 0; background: #ccc; color: #333; border-radius: 2px; border: 1px solid #aaa; cursor: pointer;}
        .form--file-label:hover{opacity: 0.8;}
        .observacoes-div{grid-column: 1/4;}
        .button-div{justify-self: center;}
        .form button{height: 50px; cursor: pointer; background: #05546b; color:#fff; font-weight: bold; border: none; margin: 12px 0; font-size: 17px; border-radius: 2px;}
        .form button:hover{opacity: 0.8;}
        .form button div{width:100%; height: 50px; padding: 15px 30px;}

    footer{grid-area: footer;}

    .popup{position: absolute;top: 50%;left: 50%;width: 50%; border-radius: 5px; background: white;margin-right: -50%;transform: translate(-50%,-50%);z-index: 2; text-align: center;}
        .popup--title{width:100%; color:#fff; background: #03708B; font-weight: bold; padding: 10px 5%; border-radius: 5px 5px 0 0;}
        .popup--buttons{width:100%; padding: 40px 2%;}
        .popup--buttons button{display:inline-block;}
        #btnYes{padding: 5px 15px; background: #127409; font-weight: bold; color:#fff; border: none; font-size: 18px; cursor: pointer;}
        #btnNo{padding: 5px 15px; background: #742b0c; font-weight: bold; color:#fff; border: none; font-size: 18px; cursor: pointer;}

    .result{display:none;}
    .table-search{width: 100%; padding: 0 2%; text-align: center; font-size: 17px;}
        .table-search thead tr{background: #444; color:#fff;}
        .table-search th:nth-child(1){width:50%; padding: 7px 0;}
        .table-search th:nth-child(2){width:20%;}
        .table-search th:nth-child(3){width:30%;}
        .table-search td{padding: 9px 0;}
        .table-search tr:nth-child(2n){background: #ddd;}

    .table-list{width: 100%; padding: 0 5%; text-align: center; font-size: 15px;}
        .table-list thead tr{background: #444; color:#fff;}
        .table-list th:nth-child(1){width:5%; padding: 7px 0;}
        .table-list th:nth-child(2){width:13%; padding: 7px 0;}
        .table-list th:nth-child(3){width:35%;}
        .table-list th:nth-child(4){width:15%;}
        .table-list th:nth-child(5){width:12%;}
        .table-list th:nth-child(6){width:20%;}
    .table-list td{padding: 9px 0;}
        /*.table-list tr:nth-child(2n){background: #ddd;}*/

    .details{width:80%; margin:20px 10%;}
        .table-details{width:100%;}
        .table-details tr{border-bottom: 1px solid #ccc;}
        .table-details td{border-bottom: 1px solid #ccc;}
        .table-details td:first-child{width:50%; padding: 15px 10px 15px 0; text-align: right;}
        .table-details td:last-child{width: 50%; text-align: left;}

    .success{width:70%; text-align: center; padding: 15px 5%; border-radius: 5px; margin: 20px auto 5px auto; background: #d4edda; border: 1px solid #c3e6cb;}

    .saldo{display:grid;width: 90%;margin: 0 auto 30px auto;justify-items: center;}
        .saldo__item{border-radius: 5px;font-weight: bold;text-align: center;}
        .saldo__item--success{border: 1px solid darkgreen; background: #d4edda;}
        .saldo__item--danger{border: 1px solid darkred; background: #f8d7da;}
        .saldo__item--title{padding: 5px 10px;font-size: 18px;}
        .saldo__item--title-success{background: darkgreen; color: #d4edda;}
        .saldo__item--title-danger{background: darkred; color: #f8d7da;}
        .saldo__item--text, .saldo__item--textrav{padding: 20px;font-size: 28px;}

    .saldo-historico{display:grid; grid-template-columns: 45% 45%; width: 90%; margin: 0 5% 30px 5%; justify-content: space-evenly;}

    .filtros{display:grid; grid-template-columns: repeat(3,28%); margin-bottom: 30px; justify-content: space-between; align-items: center;}

    .info{display:grid;width: 90%;grid-template-columns: repeat(2,44%);justify-content: space-around;padding: 15px 10px;background: #ddd;margin: 30px auto 15px auto;border: 1px solid #999;row-gap: 10px;}
    .info__cem{grid-column: 1/3;}

    .historicAll{display: grid; justify-content: center; margin-bottom: 30px;}
    .historicAllBtn{cursor:pointer;}
    .resultHistoricAll{display:grid; width: 90%; justify-content: center; background: darkred; color:#fff; font-weight: bold; font-size: 18px; text-align: center; padding: 20px 30px; margin: 0 5% 30px 5%;}
}











/*Large Devices*/
@media only screen and (min-width: 1200px) {
    /* Forms */
    input[type='text'],input[type='email'],input[type='password'],input[type='date'],select{width: 100%; height: 50px; font-size: 18px; color:#666; padding: 0 7px; margin: 12px 0;}
    input[type='checkbox']{height: auto;}
    input[type='file']{display:none;}
    input[type='submit']{height: 50px; cursor: pointer; background: #05546b; padding: 15px 40px; color:#fff; font-weight: bold; border: none; margin: 12px 0; font-size: 18px; border-radius: 2px;}
    input[type='submit']:hover{opacity: 0.8;}
    textarea{width: 100%; font-size: 13px; padding: 10px;}

    .container-login{display:grid; align-items: center; justify-items: center; background: url('/img/background-login-l.jpg') no-repeat center center #000; background-size: cover;}
        .login{width: 500px; padding-bottom: 45px; border-radius: 10px; color: #FFFFFF; font-weight: bold; z-index: 10; opacity: 0.85; background: #000000;}
        .login-logo{position: relative; top: 8px; text-align: center;}
        .login-error{color: #c6373e; margin-bottom: 15px;}
        .login-form{padding: 0 5%;}
        .login-form input{margin: 5px 0;}

    .container-dash{
        display:grid;
        grid-template-columns: 22% 78%;
        grid-template-rows: 60px auto;
        grid-template-areas:
                "aside header"
                "aside main";
    }

    header{grid-area: header;}
        .title {background: #222;font-size: 19px;font-weight: bold;color:#fff;text-align: center;padding: 15px 0;}

    aside{grid-area: aside;  background: #222;}
        .profile{background: #05546b;color: #fff;text-align: center;padding: 20px 5px;}
        .profile__links{margin: 12px 0 0 0;}
        .profile__links a{margin: 0 5px;}

    nav{}
        nav li:hover{background: #454545;}
        nav a{color:#fff;  display: block; padding: 10px 10%; border: 1px solid #333;}
        nav img{vertical-align: middle; margin-right: 10px;}
        #buttonMob{display:none;}

    main{grid-area: main;}
        .intro{padding: 20px 5%;}
        .form form{
            display: grid;
            grid-template-columns: repeat(4,23%);
            grid-column-gap: 2.66%;
            padding: 30px 5%;
        }
        #form-tickets, #form-edit, #form-fake{grid-template-rows: repeat(6, 110px);}
        #form-cancelamento{grid-template-rows: repeat(7, 130px);}
        .form--cem{grid-column: 1/5;}
        .form--half{grid-column: 1/3;}
        .form--align-end{align-self: end;}
        .form--file-label{display:inline-block; padding: 7px 10px; max-width: 100%; overflow: hidden; margin: 10px 0; background: #ccc; color: #333; border-radius: 2px; border: 1px solid #aaa; cursor: pointer;}
        .form--file-label:hover{opacity: 0.8;}
        .observacoes-div{grid-column: 1/4;}
        .button-div{justify-self: center;}
        .form button{height: 50px; cursor: pointer; background: #05546b; color:#fff; font-weight: bold; border: none; margin: 12px auto; font-size: 18px; border-radius: 2px;}
        .form button:hover{opacity: 0.8;}
        .form button div{width:100%; height: 50px; padding: 15px 40px;}

    footer{grid-area: footer;}

    .popup{position: absolute;top: 50%;left: 50%;width: 40%; border-radius: 5px; background: white;margin-right: -50%;transform: translate(-50%,-50%);z-index: 2; text-align: center;}
        .popup--title{width:100%; color:#fff; background: #03708B; font-weight: bold; padding: 10px 5%; border-radius: 5px 5px 0 0;}
        .popup--buttons{width:100%; padding: 40px 2%;}
        .popup--buttons button{display:inline-block;}
        #btnYes{padding: 5px 15px; background: #127409; font-weight: bold; color:#fff; border: none; font-size: 18px; cursor: pointer;}
        #btnNo{padding: 5px 15px; background: #742b0c; font-weight: bold; color:#fff; border: none; font-size: 18px; cursor: pointer;}

    .result{display:none;}
    .table-search{width: 100%; padding: 0 5%; text-align: center; font-size: 17px;}
        .table-search thead tr{background: #444; color:#fff;}
        .table-search th:nth-child(1){width:50%; padding: 7px 0;}
        .table-search th:nth-child(2){width:20%;}
        .table-search th:nth-child(3){width:30%;}
        .table-search td{padding: 9px 0;}
        .table-search tr:nth-child(2n){background: #ddd;}

    .table-list{width: 100%; padding: 0 5%; text-align: center; font-size: 15px;}
        .table-list thead tr{background: #444; color:#fff;}
        .table-list th:nth-child(1){width:5%; padding: 7px 0;}
        .table-list th:nth-child(2){width:13%; padding: 7px 0;}
        .table-list th:nth-child(3){width:35%;}
        .table-list th:nth-child(4){width:15%;}
        .table-list th:nth-child(5){width:12%;}
        .table-list th:nth-child(6){width:20%;}
        .table-list td{padding: 9px 0;}
        /*.table-list tr:nth-child(2n){background: #ddd;}*/

    .details{width:80%; margin:20px 10%;}
        .table-details{width:100%;}
        .table-details tr{border-bottom: 1px solid #ccc;}
        .table-details td{border-bottom: 1px solid #ccc;}
        .table-details td:first-child{width:50%; padding: 15px 10px 15px 0; text-align: right;}
        .table-details td:last-child{width: 50%; text-align: left;}

    .success{width:70%; text-align: center; padding: 15px 5%; border-radius: 5px; margin: 20px auto 5px auto; background: #d4edda; border: 1px solid #c3e6cb;}

    .saldo{display:grid; width: 90%; margin: 0 5% 30px 5%; justify-content: center;}
        .saldo__item{border-radius: 5px;font-weight: bold;text-align: center;}
        .saldo__item--success{border: 1px solid darkgreen; background: #d4edda;}
        .saldo__item--danger{border: 1px solid darkred; background: #f8d7da;}
        .saldo__item--title{padding: 5px 10px;font-size: 18px;}
        .saldo__item--title-success{background: darkgreen; color: #d4edda;}
        .saldo__item--title-danger{background: darkred; color: #f8d7da;}
        .saldo__item--text, .saldo__item--textrav{padding: 20px;font-size: 35px;}

    .saldo-historico{display:grid; grid-template-columns: 45% 45%; width: 60%; margin: 0 20% 30px 20%; column-gap: 50px; justify-content: space-evenly;}

    .anotations{display:none; width: 100%;}
        .anotations textarea{width: 100%; height: 112px;}

    .filtros{display:grid; width: 90%; grid-template-columns: repeat(3,30%); margin: 0 auto 30px auto; justify-content: space-between; align-items: center; text-align: center;}

    .info{display:grid;width: 90%;grid-template-columns: repeat(2,44%);justify-content: space-around;padding: 15px 10px;background: #ddd;margin: 30px auto 15px auto;border: 1px solid #999;row-gap: 10px;}
    .info__cem{grid-column: 1/3;}

    .historicAll{display: grid; justify-content: center; margin-bottom: 30px;}
    .historicAllBtn{cursor:pointer;}
    .resultHistoricAll{display:grid; width: 90%; justify-content: center; background: darkred; color:#fff; font-weight: bold; font-size: 18px; text-align: center; padding: 20px 30px; margin: 0 5% 30px 5%;}
}