/***************************************************Style Custom *****************************************************/

/*Custom layout inspinia*/
body {
    font-family: "open sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color: #999;
    font-size: 13px;
    color: #676a6c;
}

.nav > li > a {
    color: #FFF;
}

.navbar-default {
    border-color: #999;
}

.nav > li.active {
    border-left: 4px solid;
    background: #999999;
}

.canvas-menu.mini-navbar .nav-second-level {
    background: #999999;
}

.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus {
    /*background-color: #999999;*/
    background-color: #676767;
    color: white;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

.btn-primary {
    background-color: #509BBA;
    border-color: #509BBA;
    color: #FFFFFF;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .open .dropdown-toggle.btn-primary,
    .btn-primary:active:focus,
    .btn-primary:active:hover,
    .btn-primary.active:hover,
    .btn-primary.active:focus {
        background-color: #999999;
        border-color: #999999;
        color: #FFFFFF;
    }

    .btn-primary.btn-outline {
        color: #509BBA;
    }


.footerMaster {
    text-align: center;
    margin: 0 auto;
}

.nav-header a {
    color: #FFFFFF;
}


.sk-spinner-rotating-plane.sk-spinner {
    background-color: #509BBA;
}

.sk-spinner-wave div {
    background-color: #509BBA;
}

/**Customização Tabs**/
.custom-tab > li > a {
    color: #555555;
}

.custom-tab-content {
    padding-top: 5px;
    padding-left: 20px;
}

.nav.nav-tabs li {
    background: none;
    border: none;
}


.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    background-color: #e6e6e6;
    color: #FFFFFF;
}
/**fim Customização tabs*/

.form-control:focus, .single-line:focus {
    border-color: #509BBA !important;
}

/*Custom timeline*/
.timeline-item .content {
    border-left: 1px solid #e7eaec;
    border-top: 1px solid #e7eaec;
    padding-top: 10px;
    min-height: 100px;
    overflow-x: auto; 
}

/***************************************************Style modal Custom ******************************************************/

.modal-custom {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    z-index: 1040;
    display: block;
    overflow: auto;
    overflow-y: scroll;
}


    .modal-custom .fade .modal-dialog {
        -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
        transform: translate(0, -25%);
        -webkit-transition: -webkit-transform 0.3s ease-out;
        -moz-transition: -moz-transform 0.3s ease-out;
        -o-transition: -o-transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
    }

    .modal-custom .in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }


.animated.modal-custom.fade .modal-dialog {
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}
/***************************************************Fim - Style modal Custom ******************************************************/

/* FIM - Custom layout inspinia*/

/* Custom layout bootstrap*/
@media (min-width: 1200px) {
    .col-sm-11 {
        width: 96.66666667%;
    }
}
/* FIM - Custom layout bootstrap*/



/*  Custom layout summernote*/

.note-statusbar {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.note-editor .note-editing-area {
    width: 100%;
    min-height: 300px;
}

.note-editable {
    height: 100%;
    min-height: 300px;
}

/* FIM - Custom layout summernote*/


.divFiltroConteudo {
    margin-bottom: 5px;
}
/*Div para filtro de Notas*/
.divFiltroNotas {
    margin-top: 5px;
}

/*Div Botão Pesquisar*/
.divBotaoPesquisar {
    margin-top: 35px;
}
/*Div Botão Pesquisar*/
.divBotaoPesquisarVertical {
    margin-top: 20px;
}

/*Div Botão Novo*/
.divBotaoNovo {
    margin-top: 20px;
    margin-left: 10px;
}

/*Icone greenyellow
*/
.icon-greenyellow {
    color: greenyellow;
    cursor: default;
}
/*Icone yellow*/
.icon-yellow {
    /*color: yellow;*/
    color: #EEEE00;
    cursor: default;
}

/*Icone Gray*/
.icon-gray {
    color: gray;
    cursor: default;
}

/*Icone gold*/
.icon-gold {
    color: gold;
    /*cursor: default;*/
}

.icon-green {
    color: green;
    padding: 4px;
}

.icon-green3 {
    color: #00CD00;
    padding: 4px;
}

/*Icone red*/
.icon-red {
    color: red;
    cursor: default;
}

/*Icone sort*/
.icon-sort {
    color: #509BBA;
    margin-left: 2px;
}

/*Botão informacoes validação*/
.icon-MediumBlue {
    color: MediumBlue;
}


/*Botão Disable*/
.btn-disable {
    color: darkgray;
    cursor: no-drop;
    padding: 4px;
}

/*Botão View*/
.btn-view {
    color: blue;
    padding: 4px;
}

/*Botão download*/
.btn-download {
    color: green;
    padding: 4px;
}

/*Botão anular*/
.btn-anular {
    color: palevioletred;
    padding: 4px;
}

/*Botão reprocessar*/
.btn-reprocessar {
    color: CornflowerBlue;
    padding: 4px;
}

/*Botão Pedido-Item*/
.btn-pedido-item {
    color: SlateGrey;
    padding: 4px;
}
/*Botão informacoes*/
.btn-infos {
    color: MediumBlue;
    padding: 4px;
}

/*Botão Padrão*/
.btn-padrao {
    color: SlateGrey;
    padding: 4px;
}


/*Background modal*/
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.50;
}

/*Style toolbox gridview*/
.toolbox {
    width: 100%;
    display: none;
    background-color: #F9F9F9;
    height: 50px;
    padding-top: 0.5%;
}

.toolbox-block {
    width: 100%;
    display: block;
    background-color: #F9F9F9;
    height: 50px;
    padding-top: 0.5%;
}


/*Style Funções*/
.divFuncoes {
    float: left;
    padding-left: 20px;
    margin-top: 10px;
}
/*Separate*/
separate {
    height: 20px;
    background-color: #F3F3F4;
}

/*Div com Display None*/
divDisplayNone {
    display: none;
}


/*Desabilita controle*/
.disabled {
    color: #000;
    background-color: #EEE;
    border: 1px solid #BBB;
}


@media (max-width: 768px) {
    .resultPag {
        display: none;
    }
}

.colorLogo {
    color: #3C538E;
}


/***************************************************Fim - Style Custom *****************************************************/

/***************************************************Style Pagination Carlos Nogueira (pagination-cn)*****************************************************/
.pagination-cn {
    /*display: inline-block;*/
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .pagination-cn table > tbody > tr > td {
        display: inline;
    }

        .pagination-cn table > tbody > tr > td > a,
        .pagination-cn table > tbody > tr > td > span {
            position: relative;
            float: left;
            padding: 8px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            /*color: #dd4814;*/
            background-color: #ffffff;
            border: 1px solid #dddddd;
            margin-left: -1px;
        }

        .pagination-cn table > tbody > tr > td > span {
            position: relative;
            float: left;
            padding: 8px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            margin-left: -1px;
            z-index: 2;
            color: #aea79f;
            background-color: #f5f5f5;
            border-color: #dddddd;
            cursor: default;
        }

        .pagination-cn table > tbody > tr > td:first-child > a,
        .pagination-cn table > tbody > tr > td:first-child > span {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }

        .pagination-cn table > tbody > tr > td:last-child > a,
        .pagination-cn table > tbody > tr > td:last-child > span {
            border-bottom-right-radius: 4px;
            border-top-right-radius: 4px;
        }

        .pagination-cn table > tbody > tr > td > a:hover,
        .pagination-cn table > tbody > tr > td > span:hover,
        .pagination-cn table > tbody > tr > td > a:focus,
        .pagination-cn table > tbody > tr > td > span:focus {
            /*color: black;*/
            background-color: #eeeeee;
            border-color: #dddddd;
        }

/*************************************************** Fim - Style Pagination *****************************************************/


/*************************************************** NOTIFICAÇÕES *****************************************************/
.n_warning {
    background: #FFF7CE;
    border: 1px solid #D9C65B;
    border-radius: 3px;
    padding: 1px;
}

    .n_warning p {
        background: #FDF0B1 url(../img/i_warning.png) no-repeat 4px center;
        color: #756B30;
        margin: 0;
        padding: 7px 25px;
        font-size: 11px;
        font-weight: normal;
    }

    .n_warning a {
        color: #756B30;
        font-weight: bold;
    }

.n_error {
    background: #FDE4E1;
    border: 1px solid #B16A6C;
    border-radius: 3px;
    padding: 1px;
}

    .n_error p {
        background: #F4CAC6 url(../img/i_error.png) no-repeat 4px center;
        color: #630E18;
        margin: 0;
        padding: 7px 25px;
        font-size: 11px;
        font-weight: normal;
    }

    .n_error a {
        color: #822121;
        font-weight: bold;
    }


.n_message {
    background: #FDFDFD;
    border: 1px solid gray;
    border-radius: 3px;
    padding: 1px;
}

    .n_message p {
        background: #F7F7F7;
        color: gray;
        margin: 0;
        padding: 7px 25px;
        font-size: 11px;
        font-weight: normal;
        font-family: 'Trebuchet MS';
    }

    .n_message a {
        color: gray;
        font-weight: bold;
    }


/*************************************************** FIM - NOTIFICAÇÕES *****************************************************/



/*************************************************** Style para div com campos individuais *****************************************************/

.divFloat-Right {
    float: right;
}

.divFloat-Left {
    float: left;
}

.divWidth-100 {
    width: 100px;
}

.divWidth-110 {
    width: 110px;
}

.divWidth-120 {
    width: 120px;
}

/*************************************************** Fim  - Style para div com campos individuais *****************************************************/


/*************************************************** Quantidade Registros *****************************************************/

/*Style combo qtd registros*/
.qtdRegistros {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #e5e6e7;
    border-radius: 1px;
    color: inherit;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    font-size: 14px;
}



/*Style label qtd registros*/
.labelRegistros {
    margin-top: 10px;
    float: right;
    padding-right: 10px;
}
/*Style div qtd registros*/
.divRegistros {
    float: right;
    /*width: 7.888888%;*/
    padding-right: 8px;
}

/*Style div total registros*/
.divTotalRegistros {
    float: left;
    margin-left: 1%;
}

.ibox-content-login h1,
.ibox-content-login h2 {
    margin-top: 2%;
    font-size: 13px;
}

/*************************************************** Fim  - Quantidade Registros *****************************************************/

/* Loading Integrator  */
.loading-integrator {
    background-color: #ffffff;
    border-radius: 20px;
}

.progress-integrator {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -20px;
    margin-left: -20px;
    width: auto;
    height: auto;
}


/*Anexos*/
.anexos-bloco1 {
    width: 100%
}

.anexos-bloco2 {
    width: 20%
}

.left {
    float: left;
}

.right {
    float: right;
}

.historico {
    font-size: 13px;
    font-weight: bold;
}
.historico:hover {
    color:#337ab7;
}

.historico:focus {
    color:#337ab7;
}