body {
    font-family: 'DM Sans', sans-serif;
    background-color: #f7f7f7;
    position: relative;
    margin: 0px;
    font-size: 14px;
    padding: 0px;
    -webkit-font-smoothing: antialiased;
}

a:visited, a:hover, a {
    text-decoration: none !important;
}

h1, h2, h3, h4, h5 {
    margin: 0;
    line-height: inherit;
    font-weight: normal;
}

h3 {
    font-size: 20px;
}

    h1 small, h2 small, h3 small, h4 small, h5 small {
        margin-left: 10px;
        font-style: italic;
    }

.btn {
    text-transform: uppercase;
}

a:hover {
    text-decoration: none;
}

.table {
    margin-bottom: 0px;
}

table td {
    font-size: 14px;
}

.table thead th {
    padding-bottom: 5px !important;
    font-weight: bold;
    border-top: 0px;
}

body.menu {
    overflow-x: hidden;
}

    body.menu .content {
        margin-left: 165px;
        position: fixed;
        width: 850px;
    }

    body.menu #sidebar-nav {
        position: absolute;
        left: 0;
        border-right: 0px;
        box-shadow: none;
    }

input.search {
    background: url("/assets/img/lens.png") #fcfcfc no-repeat 95%;
    box-shadow: none;
    height: 25px;
    width: 220px;
    font-size: 13px;
    padding: 2px 6px;
    border: 1px solid #d0dde9;
    margin: 0;
    border-radius: 2px;
    top: 11px;
}

.header {
    margin-bottom: 20px;
}

    .header i {
        margin-right: 10px;
    }

    .header h1, .header h2, .header h3, .header h4, .header h5 {
        float: left;
        margin-top: 0px;
    }

#sidebar-nav {
    position: relative;
    width: 220px;
    float: left;
    margin: 0em;
    padding-top: 18px;
}

    #sidebar-nav #dashboard-menu {
        list-style: none;
        padding-right: 15px;
        padding-left: 15px;
        margin-bottom: 0;
        margin-left: 20px;
    }

        #sidebar-nav #dashboard-menu > li > div.usuario {
            display: block;
            padding: 15px 15px 15px 15px;
            margin: -5px 0px 0px -15px;
            border-bottom: 1px solid #dae1e8;
            text-align: center;
            box-shadow: none;
            background-color: #fff;
            color: #6e829b;
            outline: 0px;
            line-height: 21px;
            font-size: 14px;
            font-weight: bold;
        }

        #sidebar-nav #dashboard-menu > li > div > small {
            font-weight: normal;
            text-transform: uppercase;
            font-size: 10px;
        }

        #sidebar-nav #dashboard-menu > li > a {
            display: block;
            padding: 15px 15px 15px 15px;
            margin-left: -15px;
            margin-bottom: 5px;
            border-bottom: 1px solid #dae1e8;
            box-shadow: none;
            color: #6e829b;
            outline: 0px;
            line-height: 21px;
        }

        #sidebar-nav #dashboard-menu > li {
            position: relative;
        }

            #sidebar-nav #dashboard-menu > li .icon-group {
                font-size: 22px;
            }

            #sidebar-nav #dashboard-menu > li i {
                font-size: 20px;
                top: 14px;
            }

            #sidebar-nav #dashboard-menu > li:hover i {
                opacity: 1;
            }

            #sidebar-nav #dashboard-menu > li.active > a,
            #sidebar-nav #dashboard-menu > li > a:hover,
            #sidebar-nav #dashboard-menu > li > a:hover:visited {
                color: #33455a;
                text-decoration: none;
            }

            #sidebar-nav #dashboard-menu > li.active a {
                font-weight: 600;
                text-shadow: 1px 1px 1px #fff;
                text-decoration: none;
            }

            #sidebar-nav #dashboard-menu > li.active i {
                opacity: 1;
                text-decoration: none;
            }

        #sidebar-nav #dashboard-menu .pointer {
            position: absolute;
            right: 9px;
            top: 20px;
        }

            #sidebar-nav #dashboard-menu .pointer .arrow,
            #sidebar-nav #dashboard-menu .pointer .arrow_border {
                border-color: transparent #fff transparent transparent;
                border-width: 11px;
                border-style: solid;
                font-size: 0;
                left: 60%;
                line-height: 0;
                margin: 0 auto;
                position: absolute;
                top: 0;
                width: 0;
                z-index: 1002;
                left: 0;
                margin-left: 45%;
                display: none !important;
            }

            #sidebar-nav #dashboard-menu .pointer .arrow_border {
                border-color: transparent #c0d2dd transparent transparent;
                border-width: 11px;
                margin-left: -1px;
                border-style: solid;
                z-index: 1001;
                top: 0px;
            }

        #sidebar-nav #dashboard-menu a span {
            margin-left: 35px;
            transition: color .1s linear;
            -moz-transition: color .1s linear;
            -webkit-transition: color .1s linear;
            -o-transition: color .1s linear;
        }

        #sidebar-nav #dashboard-menu a.ui-elements span {
            margin-left: 25px;
        }

        #sidebar-nav #dashboard-menu a i {
            position: absolute;
            left: 0;
            height: 24px;
            width: 24px;
            opacity: 0.7;
            transition: opacity .1s ease;
            -moz-transition: opacity .1s ease;
            -webkit-transition: opacity .1s ease;
            -o-transition: opacity .1s ease;
        }

            #sidebar-nav #dashboard-menu a i.fa-chevron-down {
                position: relative;
                float: right;
                top: 5px;
                font-size: 11px;
                color: #686868;
                width: initial;
                height: initial;
            }

        #sidebar-nav #dashboard-menu > li.active .dropdown-toggle,
        #sidebar-nav #dashboard-menu > li.open .dropdown-toggle {
            border-bottom: 0px;
            box-shadow: none;
        }

        #sidebar-nav #dashboard-menu ul.submenu {
            list-style-type: none;
            display: none;
            margin-top: 7px;
            margin-bottom: 15px;
            margin-right: 5px;
            margin-left: -15px;
            padding-left: 15px;
            border-bottom: 1px solid #dae1e8;
            box-shadow: 0 2px 1px -1px #FFFFFF;
            padding-bottom: 10px;
        }

            #sidebar-nav #dashboard-menu ul.submenu.active {
                display: block;
            }

            #sidebar-nav #dashboard-menu ul.submenu a {
                font-weight: normal;
                font-size: 13px;
                color: #4c535a;
                text-decoration: none;
                display: block;
                margin-bottom: 7px;
            }

                #sidebar-nav #dashboard-menu ul.submenu a:hover {
                    text-decoration: none;
                    color: #4182c3;
                }

                #sidebar-nav #dashboard-menu ul.submenu a.active {
                    font-weight: bold;
                    text-shadow: none;
                }

#pad-wrapper {
    padding: 0px 50px;
    margin-top: 20px;
}

    #pad-wrapper h4 {
        color: #696d73;
        font-style: italic;
    }

.content {
    min-width: 400px;
    min-height: 1205px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    background: #fff;
    margin-left: 177px;
    border-left: 1px solid #dae3e9;
    border-bottom: 1px solid #dae3e9;
    box-shadow: -3px 3px 3px -2px #f1f1f3;
    border-radius: 0px 0px 0px 5px;
    -webkit-transition: margin-left .3s ease;
    -moz-transition: margin-left .3s ease;
    -o-transition: margin-left .3s ease;
    -ms-transition: margin-left .3s ease;
    transition: margin-left .3s ease;
}

    .content.wide-content {
        margin-left: 0;
        border-radius: 0;
    }

    .content .skins-nav {
        opacity: 1;
        -webkit-transition: right .3s;
        -moz-transition: right .3s;
        -ms-transition: right .3s;
        -o-transition: right .3s;
        transition: right .3s;
        position: fixed;
        right: -88px;
        top: 135px;
        font-size: 13px;
        z-index: 9999;
    }

        .content .skins-nav:hover {
            right: 0;
        }

        .content .skins-nav a {
            display: block;
            color: #fff;
            text-decoration: none;
            padding-left: 10px;
            height: 37px;
            -webkit-border-radius: 4px 0 0 4px;
            -moz-border-radius: 4px 0 0 4px;
            border-radius: 4px 0 0 4px;
            margin-bottom: 3px;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            -ms-transition: all .5s;
            -o-transition: all .5s;
            transition: all .5s;
        }

            .content .skins-nav a.first_nav {
                background: rgba(95, 175, 228, 0.8);
            }

                .content .skins-nav a.first_nav:hover {
                    background: #5fafe4;
                }

            .content .skins-nav a.second_nav {
                background: rgba(36, 43, 77, 0.8);
            }

                .content .skins-nav a.second_nav:hover {
                    background: #242b4d;
                }

            .content .skins-nav a .icon {
                float: left;
                width: 9px;
                height: 10px;
                background: url("/assets/img/skin-nav-bullets.png") 0 0 no-repeat;
                margin: 15px 15px 0 5px;
            }

            .content .skins-nav a.selected .icon {
                background-position: 0 -9px;
            }

            .content .skins-nav a .text {
                padding-right: 12px;
                white-space: nowrap;
                display: block;
                width: 115px;
                position: relative;
                top: 9px;
                -webkit-transition: width .2s;
                -moz-transition: width .2s;
                -ms-transition: width .2s;
                -o-transition: width .2s;
                transition: width .2s;
            }

@media (max-width: 1024px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        overflow-x: scroll;
        border: 1px solid #ddd;
    }

    .input-group {
        display: block;
    }

        .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child) {
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }

            .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
                border-bottom-right-radius: 4px;
                border-top-right-radius: 4px;
            }

    .header .btn, .btn-caixa, .btn-group {
        width: 100%;
        position: relative;
        margin-top: 15px;
        margin-bottom: 0px;
    }

    .btn-caixa, .btn-group {
        width: 100%;
        position: relative;
        margin-top: 15px;
        margin-bottom: 5px;
    }

        .btn-group span.caret {
            display: inline-block !important;
        }

    .panel .pull-right .btn {
        margin: 22px 0px 10px 0px;
    }

    .table thead th, .table tbody td {
        padding-right: 20px !important;
    }

    .well .form-control {
        margin-bottom: 8px;
    }

    .pull-right, .pull-left {
        float: left !important;
        width: 100%;
        display: block;
    }

    .caixa .titulo {
        height: auto !important;
        margin-bottom: 10px;
    }

        .caixa .titulo span {
            display: block;
        }

        .caixa .titulo .pull-right {
            margin: 0px;
        }

    .header i {
        display: none !important;
    }

    .form-wrapper {
        margin-left: -30px !important;
        margin-right: -30px !important;
        padding: 0px;
    }
}

@media (max-width: 768px) {
    .navbar-inverse .navbar-toggle {
        margin-left: 0px;
    }

    #sidebar-nav {
        float: left;
        position: relative;
        z-index: 9999;
        padding-top: 5px;
        padding-bottom: 5px;
        border: 0px;
        width: 100%;
        min-height: auto;
        overflow: hidden;
        box-shadow: none;
        margin: auto;
    }

    .navbar-collapse {
        max-height: none !important;
    }

    #sidebar-nav #dashboard-menu {
        margin-left: 10px;
    }

        #sidebar-nav #dashboard-menu li a span {
            visibility: visible;
        }

        #sidebar-nav #dashboard-menu li:last-child a {
            border-bottom: 0px;
            box-shadow: none;
        }

    #pad-wrapper {
        padding: 0px 15px;
        margin-top: 0px;
    }

    .row.header {
        margin-bottom: 20px !important;
    }

    .content {
        min-width: 0px;
        margin: 0;
        padding: 10px;
        min-height: 400px;
        border-left: 0px;
        border-radius: 0px;
    }

    h1 small, h2 small, h3 small, h4 small, h5 small {
        margin-top: 5px;
        margin-left: 0px;
        display: block;
    }

    #dashboard-menu .pointer {
        display: none;
    }

    footer {
        margin: 10px 0px 10px 0px;
    }
}

.pagination {
    margin: 0px 0px 30px 0px;
}

footer {
    width: 100%;
    text-align: center;
    margin-bottom: 8px;
}

    footer .copy {
        font-size: 11px;
    }

.panel-title {
    font-size: 17px;
    font-weight: bold;
}

.panel-primary .panel-title {
    color: #fff;
}

.caixa {
    width: 100%;
    border: 1px solid #ececec;
    margin-bottom: 15px;
    border-radius: 5px;
}

    .caixa .titulo {
        font-size: 17px;
        font-weight: bold;
        color: #333;
        background-color: #ececec;
        padding: 15px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        width: 100%;
    }

        .caixa .titulo .pull-right {
            margin-top: -3px;
        }

    .caixa .conteudo {
        font-size: 15px;
        line-height: 27px;
        font-weight: normal;
        color: #333;
        padding: 15px;
        text-align: center;
    }

        .caixa .conteudo.esquerda {
            text-align: left;
        }

    .caixa .table {
        margin-bottom: 0px;
    }

.bandeira.visa,
.bandeira.amex,
.bandeira.diners,
.bandeira.mastercard,
.bandeira.elo {
    float: right;
    font-size: 25px;
    margin-top: -29px !important;
    margin-right: 5px;
    display: inline !important;
    width: 38px;
    height: 25px;
}

.bandeira.visa {
    background-image: url("https://valeencantado.com.br/assets/img/bandeiras/visa.png");
}

.bandeira.amex {
    background-image: url("https://valeencantado.com.br/assets/img/bandeiras/amex.png");
}

.bandeira.diners {
    background-image: url("https://valeencantado.com.br/assets/img/bandeiras/diners.png");
}

.bandeira.mastercard {
    background-image: url("https://valeencantado.com.br/assets/img/bandeiras/mastercard.png");
}

.bandeira.elo {
    background-image: url("https://valeencantado.com.br/assets/img/bandeiras/elo.png");
}

.mensagem-alerta {
    width: 100%;
    text-align: center;
    padding: 15px;
    font-weight: bold;
    border-radius: 0px !important;
    font-size: 14px;
}

.sem-bottom {
    margin-bottom: 0px;
}

.ajaxOverlay {
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    opacity: 0.7;
    z-index: 99999;
    border-radius: 0px;
    background-color: #fff;
}

    .ajaxOverlay .icone {
        top: 48.5%;
        left: 48.5%;
        position: absolute;
        z-index: 999999;
        width: 3rem;
        height: 3rem;
    }

.centro {
    text-align: center;
}

#menuLogo {
    margin-top: -12px;
    text-align: center;
}

#divClienteAssinatura {
    height: 200px;
    width: 100%;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    margin-top: 10px;
}

#divIntegrantes {
    margin-top: 10px;
    border: 1px solid #ccc;
}

.home-titulo {
    display: block;
    width: 100%;
    margin-bottom: 18px;
}

iframe {
    width: 1px;
    min-width: 100%;
    font-family: 'DM Sans' !important;
}

.EmbedFrame-footer {
    display: none !important;
    visibility: hidden !important;
}