﻿.body
{
    font-size: 11pt;
    font-family: Verdana, Arial, "Helvetica Light", Helvetica, Arial Unicode, sans-serif;
    padding: 0px;
    margin: 0px;
    background-color: #FEFEFE;
}

 .watermark {
    background: url('/../Content/Imagens/logotipo-nutrs.png') center center no-repeat;
    background-attachment: fixed;
    background-position-y: 110px;
    opacity: 0.3; /* Firefox, Chrome, Safari, Opera, IE >= 9 (preview) */
    filter:alpha(opacity=30); /* for <= IE 8 */
 }

input[type="checkbox"]
{
    margin: 0 3px 0 0;
    border: none;
}

input[type="radio"]
{
    margin: 0 3px 0 0;
    border: none;
}

label
{
    font-size: 11pt;
}


input[type="image"]
{
    border: none;
}

select
{
    /* This is for safari only which renders comboboxes much thicker */
    line-height: 16px;
}

input, select, textarea, option, dropdownlist
{
    font-family: Verdana;
    border: 1px solid #888888; /*#84A1C6*/
    font-size: 9pt;
    vertical-align: middle; /* Ensures that the widths of the textbox use the same unit as comboboxes and accros browsers */
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

}

    input:focus, select:focus, textarea:focus, option:focus, dropdownlist:focus 
    {
        background-color: #E4EDF5;
    }

/*retira bordar e espaços das tabelas*/
table
{
    padding: 0;
    border-spacing: 0;
    vertical-align: central;
}

/*  T O O L   B A R   */
.ToolBar {
    border: 0px solid #2D2D2D;
    font-weight: normal;
    background-color: #E5E5E5; /*whitesmoke;*/
    /*background-image: url(../Imagens/TableHeader.PNG);*/
    white-space: nowrap;
    height: 26px;
    border-collapse: collapse;
    background-repeat: repeat-x;
    vertical-align: middle;
    width: 100%;
    margin-bottom: 5px;
    margin-top: 2px;
}

.Button {
    border-style: none;    
    margin: 2px;    
    font-weight: bold;
    font-family: Verdana;
    font-size: 11pt;
    white-space: nowrap;
    text-align: center;
    width: 120px;
    height: 22px;
    cursor: pointer;
    vertical-align: middle;
    
    border: none !important;
    color: white;
    background-color: #ff6a00 !important;

    
    /*background: url('../Imagens/Button.png') repeat-x !important;*/ /*background-color: transparent !important;*/
    border-radius: 12px;
}


    .Button:hover
    {        
        cursor: pointer;
        font-weight: bold;
        
        border: 1px solid #ff6a00 !important;
        color:#ff6a00;
        background-color: white !important;
    }

    .Button:disabled:hover {
        cursor: not-allowed;
        color:white;
        border: 1px solid #555555 !important;
    }

    .Button:disabled {
        background: #555555 !important;
        cursor: not-allowed;
    }


.ButtonFlatEntrada{
    background: #6cb200;
    color: #fff;
    border: 0;
    cursor: pointer;
    display: inline-block;
    text-transform: uppercase;

    margin: 2px;    
    font-weight: bold;
    font-family: Verdana;
    font-size: 11pt;
    white-space: nowrap;
    text-align: center;
    width: 120px;
    height: 26px;
}

.ButtonFlatSaida{
    background: #f70909;
    color: #fff;
    border: 0;
   
    display: inline-block;
    text-transform: uppercase;

    margin: 2px;    
    font-weight: bold;
    font-family: Verdana;
    font-size: 11pt;
    white-space: nowrap;
    text-align: center;
    width: 120px;
    height: 26px;
}

.ButtonFlatDisable{
    background: #bbbbbb;
    color: #fff;
    border: 0;
   
    display: inline-block;
    text-transform: uppercase;

    margin: 2px;    
    font-weight: bold;
    font-family: Verdana;
    font-size: 11pt;
    white-space: nowrap;
    text-align: center;
    width: 105px;
    height: 20px;
}



.Save
{
    /*background: url(../Imagens/save_icon_16.png) no-repeat 2px;*/
}

.Copy
{
    background: url(../Imagens/copy_a2k_16.png) no-repeat 2px;
}

.Approve
{
    background: url(../Imagens/021_approve_a2k_16.png) no-repeat 2px;
}

.Disapprove
{
    background: url(../Imagens/disapprove_a2k_16.png) no-repeat 2px;
}

.WorkflowManager
{
    background: url(../Imagens/manager_a2k_16.png.png) no-repeat 2px;
}

.Print
{
    background: url(../Imagens/FG_printer_16.png) no-repeat 2px;
}

.New
{
    background: url(../Imagens/New_icon_16.png) no-repeat 2px;
}

.Cancel
{
    background: url(../Content/Imagens/RV_general_close_16.png) no-repeat 2px;
}

.Delete
{
    background: url(/Content/Imagens/delete_icon_16.png) no-repeat 2px;
    border: 0px;
}

.Send
{
    background: url(/Content/Imagens/Enviar.png) no-repeat 2px;
}

.GoBack
{
    background: url(../Imagens/goback_icon_16.png) no-repeat 2px;
}

.Attach
{
    background: url(../Imagens/Attach.gif) no-repeat 2px;
}

.Edit
{
    background: url(../Imagens/ToolbarEditItem.png) no-repeat 2px;
}

.Process {
    /*background: url(../Imagens/ToolbarEditItem.png) no-repeat 2px;*/
}
/************ F I M   B O T A O ****************/

/********************   G R I D s   *************************/
.Grid
{
    word-wrap: break-word; /* IE 5.5+ */
    width: 100%;
    border: 1px solid #E4E4E4;
    text-decoration: none;
    text-align: left;
    grid-cell: none;
}


.GridFooter
{
    font-weight: bold;
    font-size: 10pt;
    white-space: nowrap;
    height: 23px;
    border-top: 1px solid lightgray;
    text-align: left;
    background-color: #E4E4E4;
    padding-right: 3px;
    padding-left: 3px;    
}

.GridHeader
{
    color: White;
    font-weight: bold;
    font-size: 10pt;
    white-space: nowrap;
    height: 23px;
    border: none;
    text-align: left;
    background-image: url(../Imagens/TableHeader.PNG);
    padding-right: 3px;
    padding-left: 3px;    
}

    .GridHeader a
    {
        color: White;
        font-weight: bold;
        white-space: nowrap;
        text-align: left;
        padding-right: 3px;
        padding-left: 3px;
        text-decoration: none;
    }

        .GridHeader a:hover
        {
            color: #FEBF2F;
            font-weight: bold;
            white-space: nowrap;
            text-align: left;
            padding-right: 3px;
            padding-left: 3px;
            text-decoration: none;
        }

.GridHeaderDestaque {

    font-size: large !important;
    height: 30px !important;
}

.GridRowItem
{
    border: 0px solid #E4E4E4;
    color: black;
    text-align: left;
    height: 24px;
    padding: 3px;
    background-color: white;
}

.GridRowItemDestaque {
    font-weight: 400 !important; 
    font-size: large !important;
    height: 30px !important;
}

.GridRowAlternatingItem {
    border: 0px solid #E4E4E4;
    color: black;
    text-align: left;
    height: 24px;
    padding: 3px;
    background-color: #E9E9E9;
}

.GridRowAlternatingItemDestaque {
    font-weight: 400 !important; 
    font-size: large !important;
    height: 30px !important;
}

.GridRowSelected
{
    background-color: #ffd26c;
    font-weight: bold;
    color: #333333;
    height: 24px;
}

.GridRowInsertItem
{
    background-color: #DDFFDD;
    color: black;
    text-align: left;
    vertical-align: middle;
    height: 30px;
    padding-right: 3px;
    padding-left: 3px;
}

.GridRowEditItem
{
    background-color: #FFFFCC;
    vertical-align: middle;
}

.GridRowFooter
{
    border-top: double 3px darkgray;
    font-weight: bold;
    height: 24px;
}

.GridVazia
{
    color: #808080;
    font-size: 14pt;
    font-weight: bold;
    text-align: center;

}

.GridCol1Botoes
{
    width: 80px;
    min-width: 80px;
    text-align: center;
    vertical-align: middle;
}

    .GridCol1Botoes td *:nth-child(1)
    {
        vertical-align: middle;
    }

/*As classes GridColxTextAlignCenter são usadas para alinhar determinada coluna no centro */
.GridCol1TextAlignCenter tr *:nth-child(1),
.GridCol2TextAlignCenter tr *:nth-child(2),
.GridCol3TextAlignCenter tr *:nth-child(3),
.GridCol4TextAlignCenter tr *:nth-child(4),
.GridCol5TextAlignCenter tr *:nth-child(5),
.GridCol6TextAlignCenter tr *:nth-child(6),
.GridColStart1TextAlignCenter tr *:nth-child(1n+1),
.GridColStart2TextAlignCenter tr *:nth-child(1n+2),
.GridColStart3TextAlignCenter tr *:nth-child(1n+3),
.GridColStart4TextAlignCenter tr *:nth-child(1n+4),
.GridColStart5TextAlignCenter tr *:nth-child(1n+5),
.GridColStart6TextAlignCenter tr *:nth-child(1n+6),
.GridColStart7TextAlignCenter tr *:nth-child(1n+7)
{
    text-align: center;
}

.GridCol1TextAlignRight tr *:nth-child(1),
.GridCol2TextAlignRight tr *:nth-child(2),
.GridCol3TextAlignRight tr *:nth-child(3),
.GridCol4TextAlignRight tr *:nth-child(4),
.GridCol5TextAlignRight tr *:nth-child(5),
.GridCol6TextAlignRight tr *:nth-child(6),
.GridCol7TextAlignRight tr *:nth-child(7),
.GridCol8TextAlignRight tr *:nth-child(8),
.GridColStart1TextAlignRight tr *:nth-child(1n+1),
.GridColStart2TextAlignRight tr *:nth-child(1n+2),
.GridColStart3TextAlignRight tr *:nth-child(1n+3),
.GridColStart4TextAlignRight tr *:nth-child(1n+4),
.GridColStart5TextAlignRight tr *:nth-child(1n+5),
.GridColStart6TextAlignRight tr *:nth-child(1n+6),
.GridColStart7TextAlignRight tr *:nth-child(1n+7),
.GridColStart8TextAlignRight tr *:nth-child(1n+8)
{
    text-align: right;
}

.KeySearchGridHover
{
    background-color: #A2D9FF;    
    border: 1px solid #E4E4E4;
    color: black;
    text-align: left;
    height: 24px;
    font-size: 10pt;
    font-family: Verdana;
    padding: 3px;
}
 
.KeySearchGridHeader
{
    color: white;
    font-weight: bold;
    font-size: 10pt;
    white-space: nowrap;
    height: 23px;
    text-align: left;
    background-image: url('/Content/Imagens/TableHeader.png');
    cursor:crosshair;
}

.GridAlternatingItemStyle
{
    border: 1px solid #E4E4E4;
    color: black;    
    text-align: left;
    font-size: 10pt;
    font-family: Verdana;
    height: 24px;
    padding: 3px;
    background-color: #F3F3F3;    
}
    .GridAlternatingItemStyle a {
        text-decoration: none;
    }

.GridItemStyle
{
    border: 1px solid #E4E4E4;
    color: black;
    text-align: left;
    height: 24px;
    font-size: 10pt;
    font-family: Verdana;
    padding: 3px;
}

    .GridItemStyle a {
        text-decoration: none;
    }

/******************** FIM GRIDs *************************/

.TituloNaPagina
{
    border-color: #CCCCCC;
    font-size: 12pt !important;
    color: #333333;
    font-weight: bold;
    vertical-align: bottom;
    text-align: left;
}

/****************** Key Search  **************************/
.TextBoxWatermark
{
    color: #999999;
    font-style:italic;    
}

/****************** TreeView  **************************/
.TreeViewTarefas
{
    font-family: Verdana;
    font-size: 11pt;
    line-height: 150%;
    text-decoration: none;
}


.TituloPaginaInicial
{
    border-color: #CCCCCC;
    border-style: none none solid none;
    border-width: 1px;
    font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
    font-size: 12pt !important;
    color: #333333;
    font-weight: bold;
    vertical-align: bottom;
    text-align: left;
    margin-top: 10px;
}

.TrewViewGridItens a
{
    text-decoration:none;
}

.TrewViewGridItens a:hover
{
    text-decoration:underline;
}

.TituloArea
{
    text-align:left !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: white;
    background-color: rgb(70, 70, 70);    
    min-height:18px !important;
    height:18px !important;
    vertical-align: top;
    font-weight: bold;
    padding-top: 3px;
    margin-top:8px;
    margin-bottom: 0px;
    width: 100%;
}

    .TituloArea > span {
        padding-left: 3px;
    }

.FolderListTitle
{
/*	font-weight: bold;*/
	color: #3A4570;
	font-family: Verdana;
	font-size: 16pt;
}

.AbrirCadastro {
    background-image: url('../Content/Imagens/SinalMais.png');
    background-position: center center;
    cursor:pointer;
}


.DefaultPageTitle
{
    border-color: #CCCCCC;
    border-style: none none solid none;
    border-width: 1px;
    font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
    font-size: 12pt !important;
    color: #333333;
    font-weight: bold;
    vertical-align: bottom;
    text-align: left;
    margin-top: 10px; 
       
    
    
    /*degrade azul*/
	/* For WebKit (Safari, Google Chrome etc) */
/*	background: -webkit-gradient(linear, left top, right top, from(#DDEBFB), to(rgba(221, 235, 251, 0.0)), color-stop(0.8, rgba(221, 235, 251, 0.0)));*/
	/* For Mozilla/Gecko (Firefox etc) */
	/*background: -moz-linear-gradient(left top, #DDEBFB, rgba(221, 235, 251, 0.0) 90%);*/
	/* For Internet Explorer 5.5 - 7 */
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#DDEBFB, endColorStr=#00FFFFFF, GradientType=1);*/
	/* For Internet Explorer 8 */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDEBFB, endColorstr=#00FFFFFF, GradientType=1)";*/
}

.DefaultPageTitle a:hover
{
	font-size: 12pt;
	color: #990000;
	font-weight: bold;
}

.DefaultPageTitle a
{
	font-size: 12pt;
	color: #333333;
	font-weight: bold;
}

.DefaultPageText
{
	font-size: 10pt;
	color: #333333;
}

.DefaultPageText:hover
{
	font-size: 10pt;
	color: #333333;
	text-decoration: none;
}

a.DefaultPageText
{
	font-size: 10pt;
	color: #21201D;
	text-decoration: none;
}



.AnuncioPopupFechar
{
    background-color: #D1D1D1; 
    color: #111111; 
    text-align: center; 
    font-weight: bold; 
    text-decoration: none; 
    border: outset thin #333333; 
    padding: 12px; 
} 

.AnuncioPopupFechar:hover
{
    background-color: #C1C1C1; 
    border: outset thin #333333 !important;
}


.AnuncioPopup
{
    display: none; 
    position: absolute; 
    width: 600px; 
    z-index: 3; 
    opacity: 1; 
    filter: (progid: DXImageTransform.Microsoft.Alpha(opacity=0)); 
    
    border: solid 3px #CCCCCC; 
    background-color: #FAFAFA; 
    padding: 5px;
}

.divAjaxUpdateProgress {
    position:absolute;
    left:20px;
    top:2px;
    vertical-align:top;
    color:#353535;
}

.KeysearchPadding23 {
    padding-left:23px;
}

.KeysearchPadding21 {
    padding-left:21px;
}


.PopupAjax
{
    display: none; 
    position: absolute; 
    
    z-index: 3; 
    opacity: 1; 
    filter: (progid: DXImageTransform.Microsoft.Alpha(opacity=0)); 
    text-align:left !important;
    border: solid 3px #CCCCCC; 
    background-color: #FAFAFA; 
    padding: 5px;
}


.DragDropDiv {
    margin-top: 5px;
    border: dotted 2px Black;
    min-height: 60px;

    font-size: 13pt;

    padding-top:30px;
    vertical-align: middle;
    text-align:center;    

    /*background-image: url(../Imagens/cloud_upload.png);*/
    background-size:64px 64px;
    background-repeat:no-repeat;

    cursor: pointer;
}

    .DragDropDiv:hover {
        background-color:#e8e8e8;
        /*background-image: url(../Imagens/UploadGreen.png);*/
    }

.DragDropDiv > div {
    border: solid 1px Black;
    padding-top: 3px;
    background: #F3FFF0;
    height: 22px;
    width: 100%;
    vertical-align: middle;
    font-size: 11pt;
    margin: 1px;
    text-align: left;
}

.modalBackground 
{
    height:100%;
    background-color:#808080;
    filter:alpha(opacity=70);
    opacity:0.7;
}
.modalPanel{
    background-color:white;
    border: solid 3px black;
}
.modalTitulo {
    border-bottom: solid 1px #DDDDDD;
    background-color: white;
    font-weight: bold;
    font-size: 11pt;
    color: #333333;
    vertical-align: middle;
    min-height: 26px;
    height: 23px;
    white-space: nowrap;
    padding-left: 5px;
    padding-top: 3px;
    padding-right: 5px;
    width: 96%;
}

.modalCorpo{
    padding: 5px;
}
        
.modalRodape{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    border-top: solid 1px #DDDDDD;
    vertical-align: middle;
    width: 96%;
}

.divUpdateProgess{
    background-color:#d3ffcd; 
    text-align:center;
    font-size: 12pt;
    font-weight: bold;
    color: blue;
}


.divAmbianteTeste{
	background-color:red; 
	height:40px; 
	font-size: 20pt;
    font-weight: bold;
	vertical-align:text-bottom;
	color:white;
    padding: 8px;
    letter-spacing: 8px;
}

.divAmbianteHomologacao{
	background-color:darkgreen; 
	height:40px; 
	font-size: 20pt;
    font-weight: bold;
	vertical-align:text-bottom;
	color:white;
    padding: 8px;
    letter-spacing: 8px;
}

.divLembrete{
    border: solid 1px gray;
    text-align: center;
    height: 30px;
    background-color: #ffa76a;
    Width:300px;
    padding: 10px 0px 10px 10px;
    font-size: 14pt;
    font-weight: bold;

    -webkit-box-shadow: 2px 10px 44px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 10px 44px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 10px 44px 0px rgba(0,0,0,0.75);
}

.selected_row {
    background-color: #f7ff90;
}
/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 64px;
    height: 59px;
    margin: 5px;
    padding: 5px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url('../Imagens/star_On.png');
}

.emptyRatingStar {
    background-image: url('../Imagens/star_Off.png');
}

.savedRatingStar {
    background-image: url('../Imagens/star_On.png');
}

.Button_Aprovar {
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: black;
    padding: 5px 10px 5px 25px;
    background: url('/Content/Imagens/checked_icon_16.png') left 3px top 5px no-repeat #bdf0d1;
}

.Button_NaoAprovar {
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: black;
    padding: 5px 10px 5px 25px;
    background: url('/Content/Imagens/uncheck_icon_16.png') left 3px top 5px no-repeat #f59d9d;
}
