/*------------------/AcessoAberto/Venda.aspx/------------------*/
.acessoaberto-container .block-flat .header {
    background: none !important;
}
/*------------------/AcessoAberto/Venda.aspx/------------------*/

/*------------------/GERAL/------------------*/
body{
    background-color: #FAFAFA;
}
.padding-15 {
    padding: 15px !important;
}

.text-x-small {
    font-size: x-small !important;
}

.text-small {
    font-size: small !important;
}

.text-bold {
    font-weight: bold !important;
}

.text-white {
    color: #FFFFFF !important;
}

.text-gray {
    color: #BCBCBC !important;
}

.fast_search_button {
    margin: 0 !important;
    background: transparent;
    box-shadow: 1px 1px 0 rgba(255,255,255,0.1) inset;
    border: 1px solid rgba(0,0,0,0.25);
    border-radius: 2px;
}

    .fast_search_button:hover {
        background: #23252a;
    }

.fast_search_area {
    padding: 3px 0px 3px 8px;
}

.img-center{
    margin: 0 auto;
}
hr.dashed {
    border-style: dashed !important;
}
.form-control {
    color: #222;
}
.uppercase {
    text-transform: uppercase;
}
/*-----/Padding e Margin/-----*/
/*Padding*/
.padding-top {
    padding-top: 15px !important;
}

.padding-bottom {
    padding-bottom: 15px !important;
}

.padding-top-bottom {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.padding-top-32px {
    padding-top: 32px !important;
}
/*Padding*/
/*Maring*/
.margin-top {
    margin-top: 15px !important;
}

.margin-bottom {
    margin-bottom: 15px !important;
}

.margin-top-bottom {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.margin-left-right-15 {
    margin: 0px 15px 0px 15px;
}

.no-margin-top-bottom {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.no-padding-left {
    padding-left: 0px !important;
}

.no-padding-right {
    padding-right: 0px !important;
}

.no-padding-left-right {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
/*Maring*/
/*-----/Padding e Margin/-----*/

/*-----Badge-----*/
.badge {
    padding: 5px 9px;
}

.badge {
    border-radius: 5px;
}
/*-----Badge-----*/
/*------------------/GERAL/------------------*/

/*------------------/Footer/------------------*/
footer {
    background: #FFF;
    background: linear-gradient(to bottom, #FFF 0%, #FAFAFA 35%);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
    padding: 20px 0px 0px 0px;

}

.footer_segfy {
    width: 100%;
    position: relative;
    top: -15px;
    text-align: center;
    z-index: 2;
}

    .footer_segfy > p {
        color: #CCCCCC;
        font-size: 8pt !important;
        text-align: center;
        margin: -27px auto;
    }

    .footer_segfy > span {
        width: 110px;
        background: #FAFAFA;
        display: inline-block;
        margin: 0 auto;
        padding: 0 10px;
    }

        .footer_segfy > span > img {
            margin: -48px auto;
            background-color: #FAFAFA;
        }
/*------------------/Footer/------------------*/

/*------------------/SearchHighlight/------------------*/
span.hilite {
    background: #b6ff00;
}
/*------------------/SearchHighlight/------------------*/

/*------------------/Modals/------------------*/
.custom-width {
  width: 60%; 
}
/*------------------/Modals/------------------*/

/*------------------/Autenticacao/Login.aspx/------------------*/
.login-container .block-flat .header {
    background: none !important;
}
/*------------------/Autenticacao/Login.aspx/------------------*/

/*------------------/Tickets cards/------------------*/
.ticket-icon-size-small {
    font-size: 1.5em !important;
}

.ticket-icon-color-primary {
    color: #4C94FF !important;
}

.ticket-icon-color-success {
    color: #5FBF5F !important;
}

.ticket-icon-color-danger {
    color: #EE5037 !important;
}

.ticket-icon-color-warning {
    color: #FC9700 !important;
}

.ticket-modal-dialog {
    width: 100% !important;
}
/*------------------/Tickets cards/------------------*/

/*------------------/Status triangulo/------------------*/
/*Stats*/
.stats_bar {
    text-align: center;
    margin-top: 15px;
}

.butpro-clean {
    vertical-align: top;
}

.butstyle-clean {    
    margin-right: 1.8%;    
    width: 14.2%;    
    transition: border-color 0.21s ease-out 0s;
}

    .butstyle-clean.flat {
        /* Chrome, Safari 4+ */
        /* Chrome 10-25, iOS 5+, Safari 5.1+ */
        /* Opera 11.10-12.00 */
        background-image: none;
        background: #FFF;
        border: 0;
        color: #777;
    }

    .butstyle-clean:first-child {
        margin-left: 0;
    }

    .butstyle-clean:hover {
        border-color: #4D90FE;
    }

.butpro-clean .sub h2 {
    margin: 0 0 5px 0;
    font-size: 11px;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
}

.butpro-clean .sub span {
    color: #434D55;
    display: block;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    line-height: 26px;
}

.butpro-clean .stat {
    padding: 4px 0;
    text-align: center;
}

    .butpro-clean .stat .equal {
        background: url("../../images/stat-same.png") no-repeat scroll left center transparent;
        font-size: 12px;
        padding: 0 0 0 19px;
    }

    .butpro-clean .stat .up {
        background: url("../../images/stat-up.png") no-repeat scroll left center transparent;
        font-size: 12px;
        padding: 0 0 0 19px;
    }

    .butpro-clean .stat .down {
        background: url("../../images/stat-down.png") no-repeat scroll left center transparent;
        font-size: 12px;
        padding: 0 0 0 19px;
    }

.butpro-clean .sub {
    padding-top: 4px;
}

.butstyle {
    cursor: auto;
}

.butpro .stat .up-red {
    background: url("../../images/stat-up-red.png") no-repeat scroll left center transparent;
    font-size: 12px;
    padding: 0 0 0 19px;
}

.butpro .stat .down-green {
    background: url("../../images/stat-down-green.png") no-repeat scroll left center transparent;
    font-size: 12px;
    padding: 0 0 0 19px;
}
/*------------------/Status triangulo/------------------*/

/*------------------/Botoes de redes sociais/------------------*/
.btn-instagram i {
    color: #c5318f;
}

.btn-instagram.bg {
    background: #c5318f;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.btn-segfy i {
    color: #c2503b;
}

.btn-segfy.bg {
    background: #c2503b;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
}
/*------------------/Botoes de redes sociais/------------------*/

/*------------------/VFNet Caixa/------------------*/
.textbox-valor-negativo {
    border-color: #c00 !important;
}
.textbox-valor-positivo {
    border-color: #54A754 !important;
}
/*------------------/VFNet Caixa/------------------*/

/*------------------/Loading Animation/------------------*/
/*From http://cssload.net/*/
.btn-loader-white {
}

.btn-loader-blue {
}

.loading_area {
    min-height: 50px;
    display: table;
    margin: 0 auto;
    padding: 10px;
}

.WebsiteG {
    width: 14px;
}

.Website_blockG_white {
    background-color: #EFEFEF;
    border: 0px solid #EAEAEA;
    float: left;
    height: 10px;
    margin-left: 0px;
    width: 3px;
    opacity: 0.1;
    -moz-animation-name: bounceG;
    -moz-animation-duration: 1.3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: linear;
    -moz-transform: scale(0.7);
    -webkit-animation-name: bounceG;
    -webkit-animation-duration: 1.3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: linear;
    -webkit-transform: scale(0.7);
    -ms-animation-name: bounceG;
    -ms-animation-duration: 1.3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: linear;
    -ms-transform: scale(0.7);
    -o-animation-name: bounceG;
    -o-animation-duration: 1.3s;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: linear;
    -o-transform: scale(0.7);
    animation-name: bounceG;
    animation-duration: 1.3s;
    animation-iteration-count: infinite;
    animation-direction: linear;
    transform: scale(0.7);
}

.Website_blockG_blue {
    background-color: #0099DA;
    border: 0px solid #005B79;
    float: left;
    height: 10px;
    margin-left: 0px;
    width: 3px;
    opacity: 0.1;
    -moz-animation-name: bounceG;
    -moz-animation-duration: 1.3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: linear;
    -moz-transform: scale(0.7);
    -webkit-animation-name: bounceG;
    -webkit-animation-duration: 1.3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: linear;
    -webkit-transform: scale(0.7);
    -ms-animation-name: bounceG;
    -ms-animation-duration: 1.3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: linear;
    -ms-transform: scale(0.7);
    -o-animation-name: bounceG;
    -o-animation-duration: 1.3s;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: linear;
    -o-transform: scale(0.7);
    animation-name: bounceG;
    animation-duration: 1.3s;
    animation-iteration-count: infinite;
    animation-direction: linear;
    transform: scale(0.7);
}

.blockG_1 {
    -moz-animation-delay: 0.39s;
    -webkit-animation-delay: 0.39s;
    -ms-animation-delay: 0.39s;
    -o-animation-delay: 0.39s;
    animation-delay: 0.39s;
}

.blockG_2 {
    -moz-animation-delay: 0.52s;
    -webkit-animation-delay: 0.52s;
    -ms-animation-delay: 0.52s;
    -o-animation-delay: 0.52s;
    animation-delay: 0.52s;
}

.blockG_3 {
    -moz-animation-delay: 0.65s;
    -webkit-animation-delay: 0.65s;
    -ms-animation-delay: 0.65s;
    -o-animation-delay: 0.65s;
    animation-delay: 0.65s;
}

@-moz-keyframes bounceG {
    0% {
        -moz-transform: scale(1.2);
        opacity: 1;
    }

    100% {
        -moz-transform: scale(0.7);
        opacity: 0.1;
    }
}

@-webkit-keyframes bounceG {
    0% {
        -webkit-transform: scale(1.2);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(0.7);
        opacity: 0.1;
    }
}

@-ms-keyframes bounceG {
    0% {
        -ms-transform: scale(1.2);
        opacity: 1;
    }

    100% {
        -ms-transform: scale(0.7);
        opacity: 0.1;
    }
}

@-o-keyframes bounceG {
    0% {
        -o-transform: scale(1.2);
        opacity: 1;
    }

    100% {
        -o-transform: scale(0.7);
        opacity: 0.1;
    }
}

@keyframes bounceG {
    0% {
        transform: scale(1.2);
        opacity: 1;
    }

    100% {
        transform: scale(0.7);
        opacity: 0.1;
    }
}
/*------------------/Loading Animation/------------------*/

/*------------------/Bootstrap XL sizes/------------------*/
/*
*   CSS file with Bootstrap grid classes for screens bigger than 1600px. Just add this file after the Bootstrap CSS file and you will be able to juse col-xl, col-xl-push, hidden-xl, etc.
*
*   Author: Marc van Nieuwenhuijzen
*   Company: WebVakman
*   Site: WebVakman.nl
*   Origem de: https://github.com/marcvannieuwenhuijzen/BootstrapXL/blob/master/BootstrapXL.css
*
*/

@media (min-width: 1200px) and (max-width: 1599px) {
    .hidden-lg {
        display: none !important;
    }
}


.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block,
.visible-xl {
    display: none !important;
}



@media (min-width: 1600px) {
    .container {
        width: 1570px;
    }

    .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
        float: left;
    }

    .col-xl-12 {
        width: 100%;
    }

    .col-xl-11 {
        width: 91.66666667%;
    }

    .col-xl-10 {
        width: 83.33333333%;
    }

    .col-xl-9 {
        width: 75%;
    }

    .col-xl-8 {
        width: 66.66666667%;
    }

    .col-xl-7 {
        width: 58.33333333%;
    }

    .col-xl-6 {
        width: 50%;
    }

    .col-xl-5 {
        width: 41.66666667%;
    }

    .col-xl-4 {
        width: 33.33333333%;
    }

    .col-xl-3 {
        width: 25%;
    }

    .col-xl-2 {
        width: 16.66666667%;
    }

    .col-xl-1 {
        width: 8.33333333%;
    }

    .col-xl-pull-12 {
        right: 100%;
    }

    .col-xl-pull-11 {
        right: 91.66666667%;
    }

    .col-xl-pull-10 {
        right: 83.33333333%;
    }

    .col-xl-pull-9 {
        right: 75%;
    }

    .col-xl-pull-8 {
        right: 66.66666667%;
    }

    .col-xl-pull-7 {
        right: 58.33333333%;
    }

    .col-xl-pull-6 {
        right: 50%;
    }

    .col-xl-pull-5 {
        right: 41.66666667%;
    }

    .col-xl-pull-4 {
        right: 33.33333333%;
    }

    .col-xl-pull-3 {
        right: 25%;
    }

    .col-xl-pull-2 {
        right: 16.66666667%;
    }

    .col-xl-pull-1 {
        right: 8.33333333%;
    }

    .col-xl-pull-0 {
        right: auto;
    }

    .col-xl-push-12 {
        left: 100%;
    }

    .col-xl-push-11 {
        left: 91.66666667%;
    }

    .col-xl-push-10 {
        left: 83.33333333%;
    }

    .col-xl-push-9 {
        left: 75%;
    }

    .col-xl-push-8 {
        left: 66.66666667%;
    }

    .col-xl-push-7 {
        left: 58.33333333%;
    }

    .col-xl-push-6 {
        left: 50%;
    }

    .col-xl-push-5 {
        left: 41.66666667%;
    }

    .col-xl-push-4 {
        left: 33.33333333%;
    }

    .col-xl-push-3 {
        left: 25%;
    }

    .col-xl-push-2 {
        left: 16.66666667%;
    }

    .col-xl-push-1 {
        left: 8.33333333%;
    }

    .col-xl-push-0 {
        left: auto;
    }

    .col-xl-offset-12 {
        margin-left: 100%;
    }

    .col-xl-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-xl-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-xl-offset-9 {
        margin-left: 75%;
    }

    .col-xl-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-xl-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-xl-offset-6 {
        margin-left: 50%;
    }

    .col-xl-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-xl-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-xl-offset-3 {
        margin-left: 25%;
    }

    .col-xl-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-xl-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-xl-offset-0 {
        margin-left: 0;
    }

    .visible-xl {
        display: block !important;
    }

    table.visible-xl {
        display: table;
    }

    tr.visible-xl {
        display: table-row !important;
    }

    th.visible-xl, td.visible-xl {
        display: table-cell !important;
    }

    .visible-xl-block {
        display: block !important;
    }

    .visible-xl-inline {
        display: inline !important;
    }

    .visible-xl-inline-block {
        display: inline-block !important;
    }

    .hidden-xl {
        display: none !important;
    }

}
/*------------------/Bootstrap XL sizes/------------------*/