/*
Arquivo:            css\style.css
Objetivo:           definir estilos para as páginas do sistema
Página relacionada: todos os recursos do sistema
Data:               24/09/2024
Autor:              Elézer Vieira Santos
*/

* {
    font-family: Verdana, Arial, Helvetica;
}

html { 
    height:100%;
}

@media (max-width:1366px){ 
    .imgTimeDashboard{
        width: 36px;
        height: 36px;
        margin-right: 10px;
    }
    .imgProjDashboard{
        width: 36px;
        height: 36px;
        border-radius:10px;
        margin-right: 10px;
    }
    .toolbar span{
        font-size:11px;
    }
    /* .datagrid{
        max-height: 550px;
    }  */
    .datagrid-header .datagrid-cell span{
        font-size:11px;
    }
    .datagrid-cell{
        font-size:11px;
    } 
    /* #dlg{
        font-size:11px;
        width: 650px;
        max-height: 490px;
    } */
    /* #dlgTime{
        margin-inline: 10px;
        font-size:11px;
        max-width: 630px;
        max-height: 490px;
    } */
    .fitem-time #text-obs{
        min-width:630px;
    }
    .fitem_budget label{
        min-width:330px;
    }
    .fitem_budget #text-obs{
        min-width:350px;
    }
     #dlgBudget{
        font-size:11px;
        max-width: 800px;
        max-height: 400px;
    }
    #dlgEmpresas{
        min-width: 600px;
        max-height: 450px;
        font-size: 11px;
    }
    /* #dlgProfissionais{
        min-width: 720px;
        max-height: 500px;
        font-size: 11px;
    } */
    /* #dlgProjetos{
        font-size: 11px;
        min-width: 670px;
        min-height: 600px;
    } */
    /* #dlgVisitas{
        font-size: 11px;
        max-height: 700px;
    } */
   /*  .fitem-licao input, select{
        max-width: 200px;
    } */
    /* #dlgLicoes{
        min-width:80%;
        height: 500px;
    } */
    /* #dlgMaisInfoLicao{
        min-width:90%;
        height: 450px;
    } */
    #dlgInformativos{
        min-width: 90%;
        height:450px;
    }
    #dlgEnviar{
        font-size: 11px;
    }
    #nome_app,#nome_dep{
        font-size: 16px;
    }
    #icone_usuario{
        width: 24px;
        height: 24px;
    }
    #nome_usuario{
        font-size: 13px;
        font-weight: bold;
    }
    #nome_grupo{
        font-size: 13px;
        font-weight: bold;
    }
    #dlgTime{
         width: 500px;
    }
}
@media (max-height:768px){ 
    #dlg{
        height: 420px;
    }
    /*#dlgLicoes{
        height: 420px;
    }*/
    #dlgProjetos{
        height: 420px;
    }
    #dlgInformativos{
        height: 420px;
    }
    #tabGerador{
        height: 540px;
        overflow:auto;
    }
}

@media (min-height:768px){ 
    #dlg{
        height: 600px;
    }
    #tabGerador{
        height: 700px;
        overflow:auto;
    }
}

@media (min-width:1366px){
    .imgTimeDashboard{
        width: 48px;
        height: 48px;
    }
    .imgProjDashboard{
        width: 48px;
        height: 48px;
        border-radius:10px;
        margin-right: 10px;
    }
    #dlgProjetos{
        max-height: 600px;
    }
   #dlgMaisInfoLicao{
        height: 600px;
    }
    #dlgInformativos{
        max-width: 100%;
        height:650px;
    } 
    #dlgTime{
        width: 70%;
    }  
}

.mb-menu{
    margin-bottom:5px;
}
.imgMain{
    background-repeat: no-repeat, no-repeat;
    background-image: url('../images/templos/templo_fortaleza.jpg');
    background-size: cover;
}
.panel-title #titleMenu{
	text-align: center;
}
.scrollBarColor{
    scrollbar-color: red green;
}
.formataDataGrid{
    height: 100vh;
}

/*INICIO Formulários de cadastro*/
#fm{
        margin:0;
        padding:10px 10px;
        font-size: 11px;

}
.ftitle{
        font-size:14px;
        font-weight:bold;
        padding:5px 0;
        margin-bottom:10px;
        border-bottom:1px solid #ccc;
}
.fitem{
        margin-bottom:5px;
}
.fitem label{
        display:inline-block;
        width:120px;
        text-align: left;
        vertical-align:top;
        font-weight: bold;
}
.fitem input{
        width:260px;
}

.fitem select{
        width:100px;
}
.multiline input{
    width:260px;
    height: 80px;
}

.fitem-profproj{
        margin-bottom:5px;
}
.fitem-profproj label{
        display:inline-block;
        width:200px;
        text-align: left;
        vertical-align:top;
        font-weight: bold;
}
.fitem-profproj input{
        width:260px;
}

.fitem-profproj select{
        width:100px;
}

.fitem-licao{
        margin-bottom:5px;
        display: flex;
}
.fitem-licao label{
        display:inline-block;
        width:150px;
        text-align: left;
        vertical-align:top;
        margin-left: 50px;
}
.fitem-licao input{
        width:200px;
}

.fitem-licao select{
        width:200px;
}


.fitem-licao-controle{
        margin-bottom:5px;
}
.fitem-licao-controle label{
        display:inline-block;
        width:220px;
        text-align: left;
        vertical-align:top;
        margin-left: 50px;
}
.fitem-licao-controle input{
        width:500px;
}

.fitem-licao-controle select{
        width:300px;
}


.fitem-rfi{
        margin-bottom:5px;
}
.fitem-rfi label{
        display:inline-block;
        width:100px;
        text-align: left;
        vertical-align:top;
        margin-left: 20px;
}
.fitem-rfi input{
        width:320px;
}

.fitem-rfi select{
        width:320px;
}

.fitem-cap{
        margin-bottom:5px;
}
.fitem-cap label{
        display:inline-block;
        width:100px;
        text-align: left;
        vertical-align:top;
        margin-left: 20px;
}
.fitem-cap input{
        width:320px;
}

.fitem-cap select{
        width:320px;
}

.fitem-submittal{
        margin-bottom:5px;
}
.fitem-submittal label{
        display:inline-block;
        width:100px;
        text-align: left;
        vertical-align:top;
        margin-left: 20px;
}
.fitem-submittal input{
        width:320px;
}

.fitem-submittal select{
        width:320px;
}

.fitem_projetos{
        margin-bottom:5px;
}
.fitem_projetos label{
        margin-left: 30px;
        display:inline-block;
        width:240px;
        text-align: left;
        vertical-align:top;
}
.fitem_projetos input{
        width:300px;
        display:inline-block;
        text-align: left;
        vertical-align: top;
}
.fitem_projetos img{
        display:inline-block;
        text-align: left;
        vertical-align: middle;
}

.fitem_projetos select{
        width:300px;
        height:50px;
}

.fitem_projetos_datas{
        margin-bottom:5px;
}
.fitem_projetos_datas label{
        margin-left: 30px;
        display:inline-block;
        width:370px;
        text-align: left;
        vertical-align:top;
}
.fitem_projetos_datas input{
        width:160px;
        display:inline-block;
        text-align: left;
        vertical-align: top;
}
.fitem_projetos_datas img{
        display:inline-block;
        text-align: left;
        vertical-align: middle;
}

.fitem_projetos_datas select{
        width:300px;
        height:50px;
}
.fitem_projetos_datas .textbox-readonly .textbox-text, #pda_prazodias{
    background-color: lightgray;
}

.fitem_visitas{
        margin-bottom:5px;
}
.fitem_visitas label{
        display:inline-block;
        width:120px;
        text-align: left;
        vertical-align:top;
}
.fitem_visitas input{
        width:400px;
}

.fitem_visitas select{
        width:450px;
}

.fitem_budget{
        margin-bottom:15px;
}
.fitem_budget .textbox-readonly .textbox-text{
    background-color: lightgray;
}
.fitem_budget label{
        margin-left: 30px;
        display:inline-block;
        width:250px;
        text-align: left;
        vertical-align:top;    
}
.fitem_budget input{
        width: 160px;
        display:inline-block;
        text-align: left;
        vertical-align: top;
}
.fitem_budget img{
        display:inline-block;
        text-align: left;
        vertical-align: middle;
}
.fitem_budget select{
        width:300px;
        height:50px;
}
.fitem_budget b{
        color:red;
}
#pde_ffebudget_{background-color: lightgray;}

.fitem-time{
        margin-bottom:15px;
}
.fitem-time label{
        display:inline-block;
        width:200px;
        text-align: left;
        vertical-align:top;
        margin-left:20px;
}
.fitem-time input{
        width:200px;
}

.fitem-time select{
        width:100px;
}

.fitem-empresas{
        margin-bottom:5px;
}
.fitem-empresas label{
        display:inline-block;
        width:200px;
        text-align: left;
        vertical-align:top;
        font-weight: bold;
}
.fitem-empresas input{
        width:300px;
}

.fitem-empresas select{
        width:300px;
}

.fitem-lista{
        margin-bottom:5px;
}
.fitem-lista label{
        display:inline-block;
        width:200px;
        text-align: left;
        vertical-align:top;
        font-weight: bold;
}
.fitem-lista input{
        width:100%;
}

.fitem-lista select{
        width:300px;
}

.fitem-inform{
        margin-bottom:5px;
}
.fitem-inform label{
        display:inline-block;
        width:170px;
        text-align: left;
        vertical-align:top;
        font-weight: bold;
}
.fitem-inform input{
        width:200;
}

.fitem-inform select{
        width:200;
}

.fitem-reuniao{
        display: flex;
        margin-bottom:5px;
        font-size:11px;
}
.fitem-reuniao label{
        display:inline-block;
        width:180px;
        text-align: left;
        vertical-align:top;
        font-weight: bold;
        margin-left:30px;
}
.fitem-reuniao input{
        width:350px;
}
.fitem-reuniao select{
        width:350px;
}

.fitem-participantes{
        margin-bottom:5px;
        font-size:11px;
}
.fitem-participantes label{
        display:inline-block;
        width:120px;
        text-align: left;
        vertical-align:top;
        font-weight: bold;
        margin-left:30px;
}
.fitem-participantes input{
        width:220px;
}
.fitem-participantes select{
        width:220px;
}

.fitem-assuntos{
        margin-bottom:5px;
        font-size:11px;
}
.fitem-assuntos label{
        display:inline-block;
        width:150px;
        text-align: left;
        vertical-align:top;
        font-weight: bold;
        margin-left:30px;
}
.fitem-assuntos input{
        width:220px;
}
.fitem-assuntos select{
        width:200px;
}

.fitem-agendar{
        margin-bottom:5px;
        font-size:11px;
}
.fitem-agendar label{
        display:inline-block;
        width:150px;
        text-align: left;
        vertical-align:top;
        font-weight: bold;
        margin-left:30px;
}
.fitem-agendar input{
        width:220px;
}
.fitem-agendar select{
        width:130px;
}


.fitem-definicoes{
        margin-bottom:5px;
}
.fitem-definicoes label{
        display:inline-block;
        width:200px;
        text-align: left;
        vertical-align:top;
}
.fitem-definicoes input{
        width:225px;
}
.fitem-definicoes select{
        width:225px;
}
.fitem-definicoes fieldset{
        width:230px;
        border-color: lightblue;        
}
.fitem-definicoes legend{
        color: blue;
        font-weight: bold;
}
.field-set{
        border-color: lightyellow;
        background-color: lightyellow;
}

.fitem-tarefas{
        margin-bottom:5px;
        font-size:11px;
}

.fitem-tarefas .switchbutton{
        margin-bottom:5px;
        color:red;
}
.fitem-tarefas label{
        display:inline-block;
        width:150px;
        text-align: left;
        vertical-align:top;
}
.fitem-tarefas input{
        width:400px;
}
.fitem-tarefas select{
        width:4300px;
}

.fitem-recorrencia{
        margin-bottom: 10px;  
}
fieldset{
        border-color: lightblue;        
}
.fitem-recorrencia label{
        display:inline-block;
        width:100px;
        text-align: left;
        vertical-align:top;        
}
.fitem-recorrencia input{
        width:150px;
     
}
.radio-rec {
        display: flex;
        margin-bottom: 20px;;
}
.radio-rec label{
        width: 80px;
        
}
.divisao{
        width: 85%;
        background-color: bisque;
        margin-left:10px;
}
.divisao-item{
        margin-left:30px;
        margin-top:5px;
        margin-bottom:5px;
}
.fitem-topicos{
        margin-bottom:5px;
}
.fitem-topicos label{
        display:inline-block;
        width:50px;
        text-align: left;
        vertical-align:top;
        font-weight: bold;
        margin-left: 5px;
}
.fitem-topicos input{
        width:50px;
     
}

.fitem-opcoes{
        margin-bottom:5px;
}
.fitem-opcoes label{
        float:left;
        width:50px;
        text-align: left;
        vertical-align:top;
        font-weight: bold;
}
.fitem-opcoes input{
        margin-top: 20px;
        width:100px;
float:right;
}

/*TERMINO Formulários de cadastro*/

.gerador-projetos{
        margin-bottom:5px;
}
.gerador-projetos label{
        margin-left: 30px;
        display:inline-block;
        width:370px;
        text-align: left;
        vertical-align:top;
}
.gerador-projetos-empresas label{
        margin-left: 30px;
        display:inline-block;
        width:380px;
        text-align: left;
        vertical-align:top;
}
.gerador-projetos-time label{
        margin-left: 30px;
        display:inline-block;
        width:280px;
        text-align: left;
        vertical-align:top;
}

.gerador-projetos-budget label{
        margin-left: 30px;
        display:inline-block;
        width:280px;
        text-align: left;
        vertical-align:top;
}
.gerador-empresas label{
        margin-left: 30px;
        display:inline-block;
        width:300px;
        text-align: left;
        vertical-align:top;
}
.gerador-licoes label{
        margin-left: 30px;
        display:inline-block;
        width:300px;
        text-align: left;
        vertical-align:top;
}
.gerador-licoes-controle label{
        margin-left: 30px;
        display:inline-block;
        width:300px;
        text-align: left;
        vertical-align:top;
}

.gerador-reuniao label{
        margin-left: 30px;
        display:inline-block;
        min-width:300px;
        text-align: left;
        vertical-align:top;
}
.gerador-reuniao-participantes label{
        margin-left: 30px;
        display:inline-block;
        width:320px;
        text-align: left;
        vertical-align:top;
}
.gerador-reuniao-topicos label{
        margin-left: 30px;
        display:inline-block;
        width:300px;
        text-align: left;
        vertical-align:top;
}
.gerador-reuniao-assuntos label{
        margin-left: 30px;
        display:inline-block;
        width:300px;
        text-align: left;
        vertical-align:top;
}

.gerador-rfi label{
        margin-left: 20px;
        display:inline-block;
        width:280px;
        text-align: left;
        vertical-align:top;
}
.gerador-rfi-arquivos label{
        margin-left: 20px;
        display:inline-block;
        width:280px;
        text-align: left;
        vertical-align:top;
}
.gerador-rfi-maisinfo label{
        margin-left: 20px;
        display:inline-block;
        width:350px;
        text-align: left;
        vertical-align:top;
}
.gerador-rfi-opcoes label{
        margin-left: 20px;
        display:inline-block;
        width:320px;
        text-align: left;
        vertical-align:top;
}
.gerador-rfi-resposta label{
        margin-left: 20px;
        display:inline-block;
        width:300px;
        text-align: left;
        vertical-align:top;
}



.gerador-submittal label{
        margin-left: 20px;
        display:inline-block;
        width:330px;
        text-align: left;
        vertical-align:top;
}
.gerador-submittal-arquivos label{
        margin-left: 20px;
        display:inline-block;
        width:280px;
        text-align: left;
        vertical-align:top;
}
.gerador-submittal-maisinfo label{
        margin-left: 20px;
        display:inline-block;
        width:350px;
        text-align: left;
        vertical-align:top;
}
.gerador-submittal-opcoes label{
        margin-left: 20px;
        display:inline-block;
        width:350px;
        text-align: left;
        vertical-align:top;
}
.gerador-submittal-resposta label{
        margin-left: 20px;
        display:inline-block;
        width:300px;
        text-align: left;
        vertical-align:top;
}

.gerador-arqprop label{
        margin-left: 20px;
        display:inline-block;
        width:330px;
        text-align: left;
        vertical-align:top;
}
.gerador-arqprop-arquivos label{
        margin-left: 20px;
        display:inline-block;
        width:280px;
        text-align: left;
        vertical-align:top;
}
.gerador-arqprop-maisinfo label{
        margin-left: 20px;
        display:inline-block;
        width:350px;
        text-align: left;
        vertical-align:top;
}
.gerador-arqprop-opcoes label{
        margin-left: 20px;
        display:inline-block;
        width:350px;
        text-align: left;
        vertical-align:top;
}
.gerador-arqprop-resposta label{
        margin-left: 20px;
        display:inline-block;
        width:300px;
        text-align: left;
        vertical-align:top;
}

.gerador-constprop label{
        margin-left: 20px;
        display:inline-block;
        width:330px;
        text-align: left;
        vertical-align:top;
}
.gerador-constprop-arquivos label{
        margin-left: 20px;
        display:inline-block;
        width:280px;
        text-align: left;
        vertical-align:top;
}
.gerador-constprop-maisinfo label{
        margin-left: 20px;
        display:inline-block;
        width:350px;
        text-align: left;
        vertical-align:top;
}
.gerador-constprop-opcoes label{
        margin-left: 20px;
        display:inline-block;
        width:350px;
        text-align: left;
        vertical-align:top;
}
.gerador-constprop-resposta label{
        margin-left: 20px;
        display:inline-block;
        width:300px;
        text-align: left;
        vertical-align:top;
}

.gerador-asi label{
        margin-left: 20px;
        display:inline-block;
        width:370px;
        text-align: left;
        vertical-align:top;
}
.gerador-asi-arquivos label{
        margin-left: 20px;
        display:inline-block;
        width:280px;
        text-align: left;
        vertical-align:top;
}
.gerador-asi-maisinfo label{
        margin-left: 20px;
        display:inline-block;
        width:350px;
        text-align: left;
        vertical-align:top;
}
.gerador-asi-aceite label{
        margin-left: 20px;
        display:inline-block;
        width:300px;
        text-align: left;
        vertical-align:top;
}

.gerador-fcd label{
        margin-left: 20px;
        display:inline-block;
        width:370px;
        text-align: left;
        vertical-align:top;
}
.gerador-fcd-arquivos label{
        margin-left: 20px;
        display:inline-block;
        width:280px;
        text-align: left;
        vertical-align:top;
}
.gerador-fcd-maisinfo label{
        margin-left: 20px;
        display:inline-block;
        width:350px;
        text-align: left;
        vertical-align:top;
}
.gerador-fcd-aceite label{
        margin-left: 20px;
        display:inline-block;
        width:300px;
        text-align: left;
        vertical-align:top;
}

.gerador-ccd label{
        margin-left: 20px;
        display:inline-block;
        width:370px;
        text-align: left;
        vertical-align:top;
}
.gerador-ccd-arquivos label{
        margin-left: 20px;
        display:inline-block;
        width:280px;
        text-align: left;
        vertical-align:top;
}
.gerador-ccd-maisinfo label{
        margin-left: 20px;
        display:inline-block;
        width:350px;
        text-align: left;
        vertical-align:top;
}
.gerador-ccd-aceite label{
        margin-left: 20px;
        display:inline-block;
        width:300px;
        text-align: left;
        vertical-align:top;
}

.gerador-rfp label{
        margin-left: 20px;
        display:inline-block;
        width:370px;
        text-align: left;
        vertical-align:top;
}
.gerador-rfp-arquivos label{
        margin-left: 20px;
        display:inline-block;
        width:280px;
        text-align: left;
        vertical-align:top;
}
.gerador-rfp-maisinfo label{
        margin-left: 20px;
        display:inline-block;
        width:350px;
        text-align: left;
        vertical-align:top;
}
.gerador-rfp-proposta label{
        margin-left: 20px;
        display:inline-block;
        width:300px;
        text-align: left;
        vertical-align:top;
}



.gerador-tarefas label{
        margin-left: 30px;
        display:inline-block;
        width:280px;
        text-align: left;
        vertical-align:top;
}
.gerador-tarefas-controle label{
        margin-left: 30px;
        display:inline-block;
        width:280px;
        text-align: left;
        vertical-align:top;
}
.menu-gerador-rel{
    padding:2px;
    height:38;
    display:flex;
    align-content: center; 
    background-color:#fcfcfc ;
    margin-left:10px;    
}
.info-tar{
    width:25px;
    padding:5px;
    font-size:10px;
    float:right;
    color:white;    
    border-radius: 20%;
    text-align: center;
}
.rel-conteudo{
    display: flex;
}
.rel-personalizado{
    border-radius: 15%;
    background-color:seagreen;
    display: flex;
    align-items: center;
    flex-direction: column; 
    height:200px; 
    width: 170px;
    margin: 25px;
    padding:10px;
}
.rel-personalizado b{
    font-size:12px; 
    text-align: center;
    color: green;
}
.rel-personalizado img{
    padding:12px;
}
.rel-personalizado span{
    color:green;
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background-color: white;
}
.rel-personalizado div{
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    text-align:center;
    width: 100%;
    height: 55px;
    background-color: white;
}


.fitem-asi{
        margin-bottom:5px;
}
.fitem-asi label{
        display:inline-block;
        width:150px;
        text-align: left;
        vertical-align:top;
        margin-left: 20px;
}
.fitem-asi input{
        width:270px;
}

.fitem-asi select{
        width:270px;
}

.fitem-asi-ace{
        margin-bottom:5px;
}
.fitem-asi-ace label{
        display:inline-block;
        width:250px;
        text-align: left;
        vertical-align:top;
        margin-left: 20px;
}
.fitem-asi-ace input{
        width:270px;
}

.fitem-asi-ace select{
        width:270px;
}



.fitem-fcd{
        margin-bottom:5px;
}
.fitem-fcd label{
        display:inline-block;
        width:150px;
        text-align: left;
        vertical-align:top;
        margin-left: 20px;
}
.fitem-fcd input{
        width:270px;
}

.fitem-fcd select{
        width:270px;
}

.fitem-fcd-ace{
        margin-bottom:5px;
}
.fitem-fcd-ace label{
        display:inline-block;
        width:250px;
        text-align: left;
        vertical-align:top;
        margin-left: 20px;
}
.fitem-fcd-ace input{
        width:270px;
}

.fitem-fcd-ace select{
        width:270px;
}



.fitem-ccd{
        margin-bottom:5px;
}
.fitem-ccd label{
        display:inline-block;
        width:150px;
        text-align: left;
        vertical-align:top;
        margin-left: 20px;
}
.fitem-ccd input{
        width:270px;
}

.fitem-ccd select{
        width:270px;
}

.fitem-ccd-titulo{
        text-align: center;
        font-size: small;
        color:red;
}

.fitem-ccd-ace{
        margin-bottom:5px;
}
.fitem-ccd-ace label{
        display:inline-block;
        width:250px;
        text-align: left;
        vertical-align:top;
        margin-left: 20px;
}
.fitem-ccd-ace input{
        width:270px;
}

.fitem-ccd-ace select{
        width:270px;
}

.fitem-ccd-ace{
        margin-bottom:5px;
}
.fitem-ccd-ace label{
        display:inline-block;
        width:250px;
        text-align: left;
        vertical-align:top;
        margin-left: 20px;
}
.fitem-ccd-ace input{
        width:270px;
}

.fitem-ccd-ace select{
        width:270px;
}



.fitem-rfp{
        margin-bottom:5px;
}
.fitem-rfp label{
        display:inline-block;
        width:150px;
        text-align: left;
        vertical-align:top;
        margin-left: 20px;
}
.fitem-rfp input{
        width:270px;
}

.fitem-rfp select{
        width:270px;
}

.fitem-rfp-titulo{
        text-align: center;
        font-size: small;
        color:red;
        margin-bottom: 20px;
}


.fitem-rfp-pro{
        margin-bottom:5px;
}
.fitem-rfp-pro label{
        display:inline-block;
        width:250px;
        text-align: left;
        vertical-align:top;
        margin-left: 20px;
}
.fitem-rfp-pro input{
        width:270px;
}

.fitem-rfp-pro select{
        width:270px;
}

.fitem-usuario{
        margin-bottom:5px;
}
.fitem-usuario label{
        display:inline-block;
        width:130px;
        text-align: left;
        vertical-align:top;
        font-weight: bold;
}
.fitem-usuario input{
        width:330px;
}

.fitem-usuario select{
        width:100px;
}

.fitem-opcoes-sistema{
        margin-bottom:5px;
}
.fitem-opcoes-sistema label{
        display:inline-block;
        width:250px;
        text-align: left;
        vertical-align:top;
        font-weight: bold;
}
.fitem-opcoes-sistema input{
        width:500px;
}
.fitem-opcoes-sistema select{
        width:500px;        
}
.fitem-opcoes-sistema-buttons{
    width:'100%';
    text-align: right;
}