/*** HEADER ***/
#header .content-header{
    background: url(../../img/bg/fundo_modulos.png) repeat;
    background-size: auto 100%;
    padding: 10px 0 10px 0;
}
#header .content-header .cabecalho .logo{
    margin-bottom: 15px;
}
#header .content-header .cabecalho .logo img{
    max-width: 80px;
}
@media print{
    #header .content-header .cabecalho .logo img{
        width: 80px;
    }
    a[href]:after {
        content: none !important;
    }
}

@media(max-width: 768px){
    #header .content-header .cabecalho .logo{
        text-align: center;
    }
}

#header .content-header .cabecalho .title-header{
    text-align: center;
}
#header .content-header .cabecalho .title-header h2{
    font-weight: bolder;
    color: #9c9c9c;
    margin-top: 10px;
    font-size: 24px;
}
#header .content-header .cabecalho .title-header h2.application{
    margin-top: 35px;
}
#header .content-header .cabecalho .title-header .title-dropdown h3{
    font-weight: bolder;
    font-size: 18px;
}

@media (max-width: 768px)
{
    #header .content-header .cabecalho .title-header .title-dropdown h3{
        font-weight: bolder;
        font-size: 11px;
    }
}

#header .content-header .cabecalho .title-header .title-dropdown ul{
    /*width: 100%;*/
}
#header .content-header .cabecalho .modulo select{
    max-width: 100%;
}
#header .content-header .cabecalho .modulo select option{
    padding-right: 10px;
}
#header .content-header .user{
    margin-top: 10px;
}
#header .content-header .user p{
    color: #000;
}
#header .content-header .user .icons-header{
    width: 100%;
    text-align: right;
    margin-bottom: 10px;
}
#header .content-header .user .name-user{
    color: #FFF;
    font-size: 12px;
    width: 100%;
    text-align: right;
}

#header #content-nav{
    min-height: 50px;
    border-top: 1px solid #363936;
    /*border-bottom: 2px solid #8DB727;*/
    border-bottom: 2px solid #FDF536;
    /*background: url(../../img/bg/bg-navheader.png) repeat-x;*/
    background-color: #515151;
    background-size: auto 100%;
}

#header #content-nav .navbar-header .btn-mobile-menu{
    background-color: #EEEEEE;
}
#header #content-nav .navbar-header .btn-mobile-menu span{
    background-color: #000000;
}
#header #content-nav .collapse.navbar-collapse{
    padding: 0;
}

#header #content-nav .navbar-collapse ul li a{
    color: #fff;
    background-color: transparent !important;
}
#header #content-nav .navbar-collapse ul li a:hover{
    color: #FDF536;
    background-color: transparent;
}
#header #content-nav .navbar-collapse ul li .dropdown-menu li a{
    color: #000;
}
#header #content-nav .navbar-collapse ul li.active a{
    color: #FDF536;
}
.dropdown-menu li.active{
    background-color: #e8e8e8 !important;
}
.dropdown-menu li.active a{
    color: #000;
    background-image: none;

}
.dropdown-menu li.active:hover a{
    color: #000;
    background-image: none;
    background-color: #e8e8e8 !important;
}
@media (max-width: 768px) {
    #header #content-nav .navbar-collapse ul li .dropdown-menu li a{
        color: #FFF;
    }
    #header #content-nav .navbar-collapse ul li .dropdown-menu li a:hover{
        color: #FDF536;
    }

    #header #content-nav .navbar-collapse ul li .dropdown-menu li.active a{
        color: #FDF536;
        background-color: #515151 !important;
    }

    .dropdown-menu li.active a{
        color: #000;
        background-image: none;

    }

}

/****** Container ******/
#container{
    margin-top: 5px;
}
.container-conteudo{
    float: left;
    width: 100%;
}

.container-conteudo input[type=radio]{
    margin-right: 3px;
    vertical-align: top;
}

/******* TABS ******/
.nav.nav-tabs li.active a{
    background: #EDEDED;
}

.nav.nav-tabs li a{
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    color: #000;
    margin-right: 4px;
}

/******* LIST *****/
.container-filters{
    margin-top: -1px;
    float: left;
    width: 100%;
}
.container-filters .header-list{
    background: url(../../img/bg/bg-header-list.jpg) repeat-x;
    background-size: auto 100%;
    padding: 10px 0 20px 0;
    text-align: center;
    border: 1px solid #dddddd;
    width: 100%;
    float: left;
}
.container-filters .header-list h3{
    margin: 0;
}
.container-filters .content-filters{
    border: solid 1px #dddddd;
    background-color: #F4F4F4;
    position: relative;
    width: 100%;
    float: left;
}

.container-filters .content-filters .form-group{
    background-color: #E8E8E8;
    border: solid 1px #F4F4F4;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
}

.container-filters .content-filters .form-group.title-filter{
    text-align: center;
    background: url(../../img/bg/bg-header-list.jpg) repeat-x;
    background-size: auto 100%;
    border: 1px solid #dddddd;
}
.container-filters .content-filters .form-group.title-filter h3.title{
    padding: 5px;
    margin: 0;
    font-size: 18px;
}
.container-filters .content-filters .form-group.btns{
    margin-bottom: 10px;
    background-color: #F4F4F4;
}
.container-filters .content-filters .form-group.btns .content-label{
    background-color: transparent;
}

.container-filters .content-filters .form-group.btns .input-content input[type=submit],
.container-filters .content-filters .form-group.btns .input-content input[type=button],
.container-filters .content-filters .form-group.btns .input-content button{
    margin-right: 10px;
}

.container-filters .content-filters .form-group .content-label{
    background-color: #E8E8E8;
    float: left;
    margin-bottom: 0;
    text-align: right;
    font-weight: 400;

}
.container-filters .content-filters .form-group .content-label label.form-label{
    background-color: #E8E8E8;
    margin-bottom: 0;
    font-weight: 400;
    padding: 10px 0 10px 0;
}
@media (max-width: 768px) {
    .container-filters .content-filters .form-group .content-label{
        background-color: #E8E8E8;
        margin-bottom: 0;
        text-align: left;
        font-weight: 400;
    }
    .container-filters .content-filters .form-group .content-label label.form-label > span::after{
        content: ":";
    }
    .container-filters .content-filters .form-group .input-content{
        padding: 15px;
    }
}
.container-filters .content-filters .form-group .input-content{
    padding-top: 10px;
    padding-bottom: 10px;
    border-left: solid 2px #F4F4F4;
    background-color: #F4F4F4;
    min-height: 40px;
}
.container-filters .content-filters .form-group .input-content label.label-hour{
    border: 1px solid #FFF;
    text-align: center;
    background: #E8E8E8;
}
.container-filters .content-filters .form-group .input-content label.label-hour.active,
.container-filters .content-filters .form-group .input-content label.label-hour:hover{
    background: #FDF536;;
}
.container-filters .content-filters .form-group .input-content label.label-hour .hour-square{
    width: 55px;
    height: 55px;
    padding: 18px 5px 5px 5px;
    cursor: pointer;
}
.container-filters .content-filters .form-group .input-content .line-hour{
    padding: 5px;
}
.container-filters .content-filters .form-group .input-content .line-hour p {
    margin: 0;
    text-align: center;
    font-weight: bolder;
    font-size: 16px;
}
.container-filters .content-filters .form-group .input-content .line-hour .hour-content{
    float: left;
    width: 100%;
}
.container-filters .content-filters .form-group .input-content .line-hour .hour-content label{
    margin: 0 auto;
}

.container-filters .content-filters .form-group .input-content > div{
    padding: 0;
}
.container-filters .content-filters .form-group .input-content .form-control{
    width: auto;
    max-width: 100%;
}

.container-filters .content-filters .form-group .input-content .line label{
    width: 100%;
}

.container-filters .content-filters .form-group .input-content label{
    float: left;
    margin-right: 10px;
    margin-top: 8px;
    margin-bottom: 7px;
    font-weight: 400;
}
.container-center{
    display: table;
    margin: 0 auto;
    max-width: 100%;
}
.container-filters .content-filters .form-group .input-content .content-dias-semana .dia-semana label.active,
.container-filters .content-filters .form-group .input-content .content-dias-semana .dia-semana label:hover{
    background: #FDF536;;
}
.container-filters .content-filters .form-group .input-content .content-dias-semana .dia-semana{
    float: left;
}
.container-filters .content-filters .form-group .input-content .content-dias-semana .dia-semana label{
    margin: 0;
    cursor: pointer;
    background: #E8E8E8;
    border: 1px solid #FFF;
}
.container-filters .content-filters .form-group .input-content .content-dias-semana .dia-semana label .container-dia-span{
    padding: 10px;
}

.container-filters .content-filters .form-group .input-content .container-dias-mes .dia-semana{
    float: left;
}
.container-filters .content-filters .form-group .input-content .container-dias-mes .dia-semana label{
    margin: 0;
    border: 1px solid #FFF;
    background: #E8E8E8;
    cursor: pointer;
}
.container-filters .content-filters .form-group .input-content .container-dias-mes .dia-semana label .container-dia-mes-span{
    padding: 15px;
}
.container-filters .content-filters .form-group .input-content .container-dias-mes .dia-semana label.active,
.container-filters .content-filters .form-group .input-content .container-dias-mes .dia-semana label:hover{
    background: #FDF536;;
}
.container-list{
    border: solid 1px #dddddd;
    background-color: #F4F4F4;
    padding: 15px 5px 15px 5px;
}
.container-list .content-list-inner{
    background-color: #F4F4F4;
    padding: 2px;
}
.container-list .content-list-inner table{
    border: 1px solid #fff;
}
.container-list .content-list-inner table .th-inner {
    background-color: #EEEEEE;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: #FFFFCC;
}

a > i.glyphicon, a > i.fa{
    font-size: 18px;
}

/********* List Sistemas ************/
h2.title-list-sistemas{
    margin-bottom: 30px;
}
fieldset.content-list-sis{
    margin-bottom: 30px;

}

.item-info{
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

div.content-empresa{
    text-align: center;
}

/******* WORKFLOW *******/

/*** HORIZONTAL ***/
.workflow-container.horizontal{
    float: left;
    width: 100%;
    margin-top: -1px;
    background: #EDEDED;
    padding: 10px;
}
.workflow-container.horizontal .conteiner-items table{
    max-width: 100%;
    margin-bottom: 0;
}


.workflow-container.horizontal .conteiner-items table tbody tr td{
    text-align: left;
    font-weight: 700;
    border-top: 0;
    padding: 0 8px 0 8px !important;
}

.workflow-container.horizontal .conteiner-items table tbody tr td.estado{
    max-width: 200px;
    vertical-align: middle;
    color: #333;
    border-right: 1px solid #ddd;
}
.workflow-container.horizontal .conteiner-items table tbody tr td.estado .info-title{
    margin: 0;
    font-size: 15px;
}

.workflow-container.horizontal .conteiner-items table tbody tr td.estado .info-title small{
    width: 100%;
    display: block;
    margin-bottom: 5px;
}

.workflow-container.horizontal .conteiner-items table tbody tr td.historico{
    width: 100px;
    vertical-align: middle;
}
.workflow-container.horizontal .conteiner-items table tbody tr td.historico .history-workflow{
    margin: auto;
}
.workflow-container.horizontal .conteiner-items table tbody tr td.historico span{
    cursor: pointer;
}
.workflow-container.horizontal .conteiner-items table tbody tr td.acoes{
    border-right: 1px solid #ddd;
}
.workflow-container.horizontal .conteiner-items table tbody tr td.acoes .container-acao{
    float: left;
    width: 100%;
}
.workflow-container.horizontal .conteiner-items table tbody tr td.acoes .container-acao button{
    width: 100%;
    float: left;
    padding: 0 10px 0 10px;
    margin-bottom: 5px;
}

.workflow-container.horizontal .conteiner-items table tbody tr td.acoes .container-acao button p{
    margin: 0;
}

.workflow-container .panel-title{
    font-size: 12px;
    font-weight: bold;
}

.workflow-container.horizontal .conteiner-items table tbody tr td.acoes .container-acao .acao-item.able{
    cursor: pointer;
}

.workflow-container.horizontal .conteiner-items table tbody tr td.acoes .container-acao .acao-item.empty:hover{
    background: #F4F4F4;
}

.workflow-container.horizontal .conteiner-items table tbody tr td.acoes .container-acao .acao-item p img{
    max-width: 30px;
}

.workflow-container.horizontal .conteiner-items table tbody tr td.acoes .container-acao .acao-item.disable{
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    cursor: not-allowed;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}
.workflow-container.horizontal .conteiner-items table tbody tr td.acoes .container-acao .acao-item.disable p span{
    color: #FFF;
}

.workflow-container.horizontal .conteiner-items table tbody tr td.acoes .container-acao .acao-item.empty{
    text-align: center;
}
.workflow-container.horizontal .conteiner-items table tbody tr td.acoes .container-acao .acao-item.empty span{
    width: 100%;
    float: left;
}
/****** HORIZONTAL ********/

/****** VERTICAL ********/
.workflow-container.vertical-full{
    display: none;
}

.workflow-container.vertical{
    position: absolute;
    right: 0;
    z-index: 99;
    max-width: 150px;
    padding: 10px 5px;
}

@media(max-width: 768px){
    .workflow-container.vertical-full{
        display: block;
    }
    .workflow-container.vertical{
        display: none;
    }
}

.workflow-container.vertical .info-title{
    margin: 0 0 10px 0;
    font-size: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}
.workflow-container.vertical .info-title small{
    width: 100%;
    display: block;
    margin-bottom: 5px;
}

.workflow-container.vertical button{
    width: 100%;
    float: left;
    padding: 0;
    margin-bottom: 5px;
}

.workflow-container.vertical button p{
    margin: 0;
}

.workflow-container.vertical .acao-item.able{
    cursor: pointer;
}
.workflow-container.vertical .acao-item.empty span{
    white-space: normal;
}
.workflow-container.vertical .history-workflow{
    width: 100%;
    padding: 0;
}

.workflow-container.vertical .acao-item.disable{
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    cursor: not-allowed;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}
.workflow-container.vertical .acao-item.disable p span{
    color: #FFF;
}


.workflow-container.vertical .conteiner-items{
    max-width: 100px;
}
.workflow-container.vertical .conteiner-items .item-workflow{
    width: 100%;
    text-align: center;
    float: left;
}
.workflow-container.vertical .conteiner-items .item-workflow h3{
    font-size: 12px;
    color: #fff;
    margin: 0;
    padding: 0 0 8px 0;
    font-weight: 700;
}
.workflow-container.vertical .conteiner-items .item-workflow p{
    color: #333;
    font-weight: 700;
    background: #F4F4F4;
    padding: 10px 5px 10px 5px;
    font-size: 13px;
}

.workflow-container.vertical .conteiner-items .item-workflow .acao-item.able{
    cursor: pointer;
}
.workflow-container.vertical .conteiner-items .item-workflow .acao-item.able p{
    color: #0073bb;
}
.workflow-container.vertical .conteiner-items .item-workflow .acao-item.able p:hover{
    background: #FFFFCC;
}

.workflow-container.vertical .conteiner-items .item-workflow .historico{
    background: #F4F4F4;
    padding: 10px;
}
.workflow-container.vertical .conteiner-items .item-workflow .historico .history-workflow{
    background-image: url(../../img/icons/history.png);
    width: 24px;
    height: 24px;
    margin: auto;
    cursor: pointer;
}
.workflow-container.vertical .conteiner-items .item-workflow .acao-item.disable{
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    cursor: not-allowed;
}
.workflow-container.vertical .conteiner-items .item-workflow .acao-item.disable p{
    color: #999999;
}

/****** VERTICAL ********/

/****** WORKFLOW *****/


/******* FOOTER *******/
html {
    position: relative;
    min-height: 100%;
}
body {
    margin-bottom: 80px;
}

#footer{
    background-color: #999999;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 15px 0 10px 0;
}

#footer p{
    font-style: italic;
    font-size: 12px;
    margin: 0;
    padding: 0;
    color: #BFBFBF;
}
#footer p span{
    color: #CAD2D2;
}
/******* FOOTER *******/

/******* Datepicker *******/
#ui-datepicker-div{
    z-index: 9999 !important;
}