﻿.recebeDrag {
    width: 200px;
    height: 290px;
}

.placeHold {
    border: 3px dashed #0066cc;
    width: auto !important;
    height: 140px;
    width: 213px;
}

.placeHold3 {
    border: 3px dashed #0066cc;
    width: auto !important;
    height: 100px;
    width: 560px;
}


.placeHoldActive {
    background-color: #F0F1FF;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}

.tblEllipsis {
    table-layout: fixed;
}

    .tblEllipsis td {
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        white-space: nowrap;
    }

.txtHiddenNome {
    overflow: hidden;
    width: 19em;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    white-space: nowrap;
}


.fieldSet {
    padding-top: 3px;
}

.tabela_dados_header {
    padding: 0 3px 0 3px;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 1px;
    border-left: 0px;
    border-style: dotted;
    border-color: #7EA4C9;
}

.table_Mapa_Ferias {
    top: -16px;
    left: 2;
    position: relative;
}

    .table_Mapa_Ferias td {
        width: 16px;
        height: 18px;
        color: White;
        font-size: 8px;
        font-weight: bold;
    }

    .table_Mapa_Ferias tr {
        background: url(../Imagens/table_blue_bg.gif) no-repeat;
        width: 16px;
        height: 16px;
        color: White;
        font-size: 8px;
        font-weight: bold;
    }

.fundo_transparente {
    background: transparent;
}

.tabela_sem_borda {
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
}

    .tabela_sem_borda td {
        border-bottom: 0px;
        border-left: 0px;
        border-right: 0px;
        border-top: 0px;
    }

.linha_pontilhada_bottom {
    border-top: 0px;
    border-right: 0px;
    border-bottom: 1px;
    border-left: 0px;
    border-style: dotted;
    border-color: #7EA4C9;
}

.linha_pontilhada_top {
    border-top: 1px;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 0px;
    border-style: dotted;
    border-color: #7EA4C9;
}

.EmptyTemplate td {
    padding: 0;
}

textarea {
    background-image: url(../Imagens/white.gif);
    border: 1px;
    border-style: solid;
    border-color: #ADD3ED;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #253F58;
    font-size: 10px;
}

.espacamento_top_titulo > td {
    padding-bottom: 2px;
}

.IconeTarefa {
    padding-left: 17px;
    margin-left: 10px;
    margin-right: 0px;
    background: url(../Imagens/avt_blue_14_14.png);
    background-repeat: no-repeat;
    background-position: left;
    display: inline;
    padding-bottom: 1px;
    vertical-align: bottom;
    text-decoration: none;
    color: #fff;
}

    .IconeTarefa:hover {
        color: #fff;
    }

.IconeEvento {
    padding-left: 17px;
    margin-left: 5px;
    margin-right: 0px;
    background: url(../Imagens/avt_green_14_14.png);
    background-repeat: no-repeat;
    background-position: left;
    display: inline;
    padding-bottom: 1px;
    vertical-align: bottom;
    text-decoration: none;
    color: #fff;
}

    .IconeEvento:hover {
        color: #fff;
    }

.IconeTodos {
    margin-left: 5px;
    margin-right: 0px;
    display: inline;
    padding-bottom: 1px;
    vertical-align: bottom;
    text-decoration: none;
    color: #fff;
}

    .IconeTodos:hover {
        color: #fff;
    }

.IconeAviso {
    padding-left: 17px;
    margin-left: 5px;
    margin-right: 0px;
    background: url(../Imagens/avt_yellow_14_14.png);
    background-repeat: no-repeat;
    background-position: left;
    display: inline;
    padding-bottom: 1px;
    vertical-align: bottom;
    text-decoration: none;
    color: #fff;
}

    .IconeAviso:hover {
        color: #fff;
    }


.IconeRelatorio {
    padding-left: 20px;
    margin-left: 5px;
    margin-right: 0px;
    background: url(../Imagens/icone_impressora_16_16.gif);
    background-repeat: no-repeat;
    background-position: left;
    display: inline;
    padding-bottom: 1px;
    vertical-align: bottom;
    text-decoration: none;
}


.LinkIconeSeta {
    padding-left: 15px;
    margin-left: 10px;
    margin-right: 10px;
    background: url(../Imagens/seta_branca_bg_azul_9x9.png);
    background-repeat: no-repeat;
    background-position: left;
    display: inline;
    padding-bottom: 1px;
    vertical-align: bottom;
    text-decoration: none;
}

.botaoEditar20x17 {
    background-image: url('../Imagens/icone_editar_20x17.gif');
    background-repeat: no-repeat;
    text-decoration: none;
    color: white;
    text-align: center;
    width: 20px;
    height: 17px;
}


/**************** Janela de Avisos ***************/

/*--Topo-----------------------------------------*/
.bg_janela_01 {
    background: url(../Imagens/bg_janela_01.png) no-repeat;
    height: 20px;
    width: 10px;
}

.bg_janela_02 {
    background: url(../Imagens/bg_janela_02.png) repeat-x;
    height: 20px;
}

.bg_janela_03 {
    background: url(../Imagens/bg_janela_03.png) no-repeat;
    height: 20px;
    width: 10px;
}

.titulo_janela {
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
}
/*--Topo - 2 --------------------------------------*/


.bg_janela_01_1 {
    background: url(../Imagens/bg_janela_01_1.gif) no-repeat;
    height: 20px;
}


.bg_janela_02_1 {
    background: url(../Imagens/bg_janela_02_1.gif) repeat-x;
    height: 20px;
}

.bg_janela_02_2 {
    background: url(../Imagens/HeaderTeste.png);
    height: 20px;
    background-repeat: no-repeat;
}

.bg_janela_03_1 {
    background: url(../Imagens/bg_janela_03_1_.gif) no-repeat;
    height: 20px;
}

.minhaClass {
    /*background: url(../imagens/corpo/imagen.jpg) no-repeat center center;*/
    -webkit-size: cover;
    -moz-size: cover;
    -o-size: cover;
    size: cover;
    /*width:  350px;*/
}


/*--Lateral esq----------------------------------*/
.bg_janela_04 {
    background: url(../Imagens/bg_janela_04.png) repeat-y;
    width: 10px;
}

.bg_janela_04_3px {
    background: url(../Imagens/bg_janela_04_3px.png) repeat-y;
    background-position: left;
    border-style: none !important;
    background-color: white;
}
/*--Conteúdo da tabela---------------------------*/
.bg_janela_05 {
    background: #FBFBFB; /*Área Cinza*/
    padding: 10px 0 2px 0;
}

.bg_janela_05_Home {
    background-color: transparent;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
}

/*--Lateral dir------------------------------------*/
.bg_janela_06 {
    background: url(../Imagens/bg_janela_06.png) repeat-y scroll;
}

.bg_janela_06_3px {
    background: url(../Imagens/bg_janela_06_4px.png) repeat-y scroll;
    /*width: 4px;*/
    background-position: right;
    border-style: none !important;
    background-color: white;
}

/*--Rodape---------------------------------------*/
.bg_janela_07 {
    background: url(../Imagens/bg_janela_07.png) no-repeat;
    width: 10px;
    height: 11px;
}

.bg_janela_08 {
    background: url(../Imagens/bg_janela_08.png) repeat-x;
    height: 11px;
}

.bg_janela_09 {
    background: url(../Imagens/bg_janela_09.png);
    background-repeat: no-repeat;
    width: 10px;
    height: 11px;
}

.bg_janela_09_2 {
    background: url(../Imagens/bg_janela_09.png);
    background-repeat: no-repeat;
    width: 9px;
    height: 11px;
}

/*************************************************/
/*********** Janela de Avisos Clara **************/
/*--Topo-----------------------------------------*/
.bg_janela_clara_01 {
    background: url(../Imagens/bg_janela_clara_01.png) no-repeat;
    height: 20px;
    width: 10px;
}

.bg_janela_clara_02 {
    background: url(../Imagens/bg_janela_clara_02.png) repeat-x;
    height: 20px;
}

.bg_janela_clara_03 {
    background: url(../Imagens/bg_janela_clara_03.png) no-repeat;
    height: 20px;
    width: 10px;
}

.titulo_janela_clara {
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    color: #253F58;
}

/*--Lateral esq----------------------------------*/
.bg_janela_clara_04 {
    background: url(../Imagens/bg_janela_clara_04.png) repeat-y;
    width: 10px;
}

/*--Conteúdo da tabela---------------------------*/
.bg_janela_clara_05 {
    padding: 10px 0 2px 0;
}

/*--Lateral dir------------------------------------*/
.bg_janela_clara_06 {
    background: url(../Imagens/bg_janela_clara_06.png) repeat-y scroll;
}

/*--Rodape---------------------------------------*/
.bg_janela_clara_07 {
    background: url(../Imagens/bg_janela_clara_07.png) no-repeat;
    width: 10px;
    height: 11px;
}

.bg_janela_clara_08 {
    background: url(../Imagens/bg_janela_clara_08.png) repeat-x;
    height: 11px;
}

.bg_janela_clara_09 {
    background: url(../Imagens/bg_janela_clara_09.png);
    background-repeat: no-repeat;
    width: 10px;
    height: 11px;
}
/*************************************************/


/*************************************************/
/*********** Janela Aba Demonstrativo ************/
/*--Topo-----------------------------------------*/
.bg_aba_demonstra_01 {
    background: url(../Imagens/demonstra_aba_01.png) no-repeat;
    background-position-x: 100%;
    padding-left: 5px;
    height: 27px;
    width: 17px;
    position: relative;
    top: 2px;
}

.bg_aba_demonstra_02 {
    background: url(../Imagens/demonstra_aba_02.png) repeat-x;
    height: 27px;
    text-align: left;
    position: relative;
    top: 2px;
}

    .bg_aba_demonstra_02 span {
        font-size: 11px;
        font-weight: bold;
        position: relative;
        top: 2px;
    }

.bg_aba_demonstra_03 {
    background: url(../Imagens/demonstra_aba_03.png) no-repeat;
    height: 27px;
    width: 17px;
    position: relative;
    top: 2px;
}

.bg_demonstra_01 {
    background: url(../Imagens/demonstra_topo_01.png) no-repeat;
    height: 12px;
    width: 6px;
}

.bg_demonstra_02 {
    background: url(../Imagens/demonstra_topo_02.png) repeat-x;
    height: 12px;
}

.bg_demonstra_03 {
    background: url(../Imagens/demonstra_topo_03.png) no-repeat;
    height: 12px;
    width: 6px;
}

.bg_demonstra_04 {
    background: url(../Imagens/demonstra_conteudo_04.png) repeat-y;
    width: 6px;
}

.bg_demonstra_05 {
    background-color: white;
    position: relative;
    top: -10px;
}

.bg_demonstra_06 {
    background: url(../Imagens/demonstra_conteudo_06.png) repeat-y;
    width: 6px;
}

.bg_demonstra_07 {
    background: url(../Imagens/demonstra_rodape_07.png) no-repeat;
    height: 5px;
    width: 6px;
}

.bg_demonstra_08 {
    background: url(../Imagens/demonstra_rodape_08.png) repeat-x;
    height: 5px;
}

.bg_demonstra_09 {
    background: url(../Imagens/demonstra_rodape_09.png) no-repeat;
    height: 5px;
    width: 6px;
}

.bg_barra_demonstra {
    background: url(../Imagens/demonstra_barr.png) repeat-x;
    height: 30px;
    color: black;
}

    .bg_barra_demonstra th {
        position: relative;
        top: 4px;
    }

/*************************************************/
/************** Janela Azul Chapado **************/
/*--Topo-----------------------------------------*/
.bg_janela_azul_01 {
    background: url(../Imagens/bg_janela_azul_01.gif) no-repeat;
    height: 12px;
    width: 8px;
}

.bg_janela_azul_02 {
    background: url(../Imagens/bg_janela_azul_02.gif) repeat-x;
    height: 12px;
}

.bg_janela_azul_03 {
    background: url(../Imagens/bg_janela_azul_03.gif) no-repeat;
    height: 12px;
    width: 8px;
}

.bg_janela_azul_04 {
    background: url(../Imagens/bg_janela_azul_04.gif) repeat-y;
    width: 8px;
}

.bg_janela_azul_05 {
    background-color: #376092;
    text-align: center;
}

    .bg_janela_azul_05 span {
        color: white;
        font-weight: bold;
        font-size: 11px;
    }

.bg_janela_azul_06 {
    background: url(../Imagens/bg_janela_azul_06.gif) repeat-y;
    width: 8px;
}

.bg_janela_azul_07 {
    background: url(../Imagens/bg_janela_azul_07.gif) no-repeat;
    height: 12px;
    width: 8px;
}

.bg_janela_azul_08 {
    background: url(../Imagens/bg_janela_azul_08.gif) repeat-x;
    height: 12px;
}

.bg_janela_azul_09 {
    background: url(../Imagens/bg_janela_azul_09.gif) no-repeat;
    height: 12px;
    width: 8px;
}


/* Easy Slider */

#slider {
    width: 100%;
}

    #slider ul, #slider li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #slider li {
        /* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/
        /*width:100%;
		height:241px;*/
        overflow: hidden;
    }
/*
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}*/

/* numeric controls */

/*ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}*/

/* // Easy Slider */

.janelasDireitaTela {
    width: 25%;
    text-align: right;
    vertical-align: top;
}

.pagerRow a {
    position: relative;
    top: -2px;
}

.EstiloCheckbox label {
    position: relative;
    top: -4px;
    padding-left: 2px;
}

.EstiloCheckbox input {
    border-width: 0px;
}

.EstiloRadioButtonTipoRel label {
    top: 0px !important;
    padding-left: 2px !important;
}

.EstiloRadioButtonTipoRel input {
    border-width: 0px !important;
}

.barrDivisoria {
    text-align: left;
    background-image: url(../Imagens/bt_bg_expandir.gif);
    height: 22px;
}

    .barrDivisoria span {
        font-weight: bold;
        vertical-align: middle;
        position: relative;
        top: 3px;
        left: 10px;
    }

.LinkBannerHome1 {
    padding-left: 15px;
    margin-left: 10px;
    margin-right: 10px;
    background: url(../Imagens/seta_branca_bg_azul_9x9.png);
    background-repeat: no-repeat;
    background-position: left;
    display: inline;
    padding-bottom: 1px;
    vertical-align: bottom;
    text-decoration: none;
}

.LinkBannerHome2 {
    padding-left: 15px;
    margin-left: 10px;
    margin-right: 10px;
    background: url(../Imagens/seta_branca_bg_azul_9x9.png);
    background-repeat: no-repeat;
    background-position: left;
    display: inline;
    padding-bottom: 1px;
    vertical-align: bottom;
    text-decoration: none;
}

.divMsgEmpty {
    margin: 10px 0px 10px 5px;
}

.tableSpace td {
    padding-bottom: 2px !important;
    padding-top: 2px !important;
}

.tableTdGrid {
    width: 90%;
    vertical-align: top;
}

.tableTdFiltro {
    width: 10%;
    text-align: right;
    vertical-align: top;
}

.linkVoltar {
    text-decoration: none;
    background-repeat: no-repeat;
    width: 33px;
    height: 14px;
}

.divCirculoLegenda {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.indicadorCorMinimo {
    background: green;
    color: green;
}

.indicadorCorMedio {
    background: orange;
    color: orange;
}

.indicadorCorMaximo {
    background: red;
    color: red;
}

.divPanelRound {
    background: white;
    -moz-border-radius: 6px;
    border-radius: 6px; /* standards-compliant: (IE) */
}

.divPanelRoundTitle {
    height: 13px;
    /*line-height: 1.5;*/
    border-radius: 6px 6px 0px 0px; /* standards-compliant: (IE) */
    background: rgba(51, 88, 123, 1); /* Old browsers */
    /*background: -moz-linear-gradient(top, rgba(51,88,123,1) 0%, rgba(100,141,176,1) 69%, rgba(115,172,207,1) 100%); /* FF3.6-15 
            background: -webkit-linear-gradient(top, rgba(51,88,123,1) 0%,rgba(100,141,176,1) 69%,rgba(115,172,207,1) 100%); /* Chrome10-25,Safari5.1-6 
            background: linear-gradient(to bottom, rgba(51,88,123,1) 0%,rgba(100,141,176,1) 69%,rgba(115,172,207,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#044166', endColorstr='#4495ba',GradientType=0 );*/
    padding: 5px;
    text-align: left;
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
}

.divPanelRoundContent {
    padding: 10px 5px 10px 5px;
    -moz-border-radius: 0px 0px 6px 6px;
    border-radius: 0px 0px 6px 6px; /* standards-compliant: (IE) */
    border: 1px solid silver;
}

.divFiltro {
    width: 100%;
    margin: 0px 0px 0px 60px;
    min-height: 20px;
    border-bottom: 1px solid silver;
}

.but {
    display: inline-block;
    background-color: #ccc;
    color: #444;
    padding: 4px 20px;
    text-decoration: none;
    box-sizing: border-box;
    /* font-family: Helvetica, Arial, sans-serif;
            font-size: 14px;*/
    border: 0px;
}

    .but:hover {
        background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,.15));
        color: #fff;
        cursor: pointer;
    }


.but-primary {
    color: #fff;
    background-color: rgba(51, 88, 123, 1);
}

.but-success {
    color: #fff;
    background-color: #009835;
}

.but-error {
    color: #fff;
    background-color: rgba(202, 111, 118, 1);
}

.but-warning {
    color: #fff;
    background-color: #F28E00;
}

.but-disabled {
    color: #3b3b3b;
    background-color: rgba(143, 143, 145, 1);
}

.but-cinza {
    color: #000;
    background-color: lightgray;
}

.but-verdeclaro {
    color: #ccc;
    background-color: #8EC361;
}

.but-rc {
    border-radius: 4px;
}

/* TAMANHOS */

.but-small {
    font-size: 60%;
}

.but-regular {
    font-size: 100%;
}

.but-large {
    font-size: 140%;
}


.form-control {
    display: block;
    width: 100%;
    height: 20px;
    padding: 0px 0px 0px 10px;
    font-size: 10px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    margin: 0;
    box-sizing: border-box;
}

    .form-control select {
        -webkit-appearance: menulist;
    }

.tableToolTipLog {
}

    .tableToolTipLog th {
        text-align: center;
        color: white;
        font-weight: bold;
        border-bottom: 1px solid #ccc;
        padding: 2px;
    }

    .tableToolTipLog td {
        text-align: center;
        color: white;
        padding: 2px;
    }

.imagemAnexarTacha {
    background: url('../Imagens/ico_anexar_20x25.png') no-repeat;
    cursor: pointer;
}


.fieldSetLegenda {
    border: 1px solid #CCCCCC;
    padding: 2px 0px 2px 0px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.divCirculoLog {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.linkMarcarPontoWeb {
    background: url(../Imagens/fingerprint_mobile_64x64.png) no-repeat;
    background-size: 40px 40px;
    padding-left: 15px;
    font-size: 12px;
}

    .linkMarcarPontoWeb span {
        top: 10px;
        position: relative;
    }

.div-cad {
    width: 98%;
    margin: 0 auto;
    text-align: left;
}

.div-tab-cad {
    display: table;
    width: 100%;
}

.div-tab-cad-row {
    display: table-row;
    height: 20px;
}

.div-tab-cad-cell {
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 2px;
}

.div-tab-cad-rodape {
    display: table;
    width: 100%;
    margin-top: 15px;
}