/* Google font */
@import url('https://fonts.googleapis.com/css?family=Dancing+Script');

div#main_area_receitas {
    clear: left;
    font-family: 'Segoe UI Light', 'Helvetica Neue Light', 'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana;
    font-size: 1vw;
    border-top: 1px solid;
    border-bottom: 1px solid;
    height: auto;
    background-color: white;

    padding: 1vh 0.5vw;
}

div#div-parms-receitas {

    /*border: 1px solid #000;*/
    height: 82vh;
    width: 27vw;
    float: left;
    padding: 0 1.4vw 0 0;
    border-right: 2px solid #198B86;

}

div#div-livro-receitas {

    /*border: 1px solid #000;*/
    height: 82.5vh;
    width: 68vw;
    float:right;
    overflow: visible;

}

div#div-indice-receitas {
    height: 100%;
    padding: 2vh 1vw;
    border: 1px solid #999;
    background-color: #f2f2f2;
}

div#div-tabpanel-parms-receitas {
    height: "82vh";
}

div#div-indice-receitas .dx-list .dx-list-item.dx-state-focused.dx-list-item-selected {

    background-color: #148c87 !important;

}

div#div-indice-receitas .dx-scrollview-content {
    background-color: #f2f2f2;
}

div#div-categorias-ingredientes tr.dx-row.dx-group-row {
    background-color: #fff;
    border: none;
}

div#div-categorias-ingredientes tr.dx-row.dx-group-row td {
    border: none;
    font-size: 1.4em;
    color: #222;
}

div#div-categorias-ingredientes .dx-datagrid-rowsview .dx-row.dx-group-row:first-child td {
    display: none;
}

div#div-categorias-ingredientes .dx-datagrid-headers.dx-datagrid-nowrap {
    /*display: none;*/
}

div#div-categorias-ingredientes .dx-datagrid-headers.dx-datagrid-nowrap tr.dx-header-row td {
    background-color: white;
    color: black;
}

div#div-categorias-ingredientes tr.dx-row.dx-group-row .dx-widget {

    font-family: 'Dancing Script', cursive;
    font-size: 100%;

}

div#div-categorias-ingredientes .dx-widget {

    font-size: 110%;
    /*font-weight: bold;*/

}

div#div-medidas-receitas tr.dx-row.dx-group-row {
    background-color: #fff;
    border: none;
}

div#div-medidas-receitas tr.dx-row.dx-group-row td {
    border: none;
    font-size: 1.4em;
    color: #222;
}

div#div-medidas-receitas .dx-datagrid-rowsview .dx-row.dx-group-row:first-child td {
    display: none;
}

div#div-medidas-receitas .dx-datagrid-headers.dx-datagrid-nowrap {
    /*display: none;*/
}

div#div-medidas-receitas .dx-datagrid-headers.dx-datagrid-nowrap tr.dx-header-row td {
    background-color: white;
    color: black;
}

div#div-medidas-receitas tr.dx-row.dx-group-row .dx-widget {

    font-family: 'Dancing Script', cursive;
    font-size: 100%;

}

div#div-capa-livro-receitas {

    width: 97%;
    height: 99.5%;
    margin: 0.25vh auto;
    background: #148c87;
    border: 1px solid #148c87;
    border-radius: 15px;
    -moz-box-shadow: inset 3px 3px 3px rgba(255, 255, 255, .4), inset -3px -3px 3px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 3px 3px 3px rgba(255, 255, 255, .4), inset -3px -3px 3px rgba(0, 0, 0, .4);
    box-shadow: inset inset 3px 3px 3px rgba(255, 255, 255, .4), inset -3px -3px 3px rgba(0, 0, 0, .4);

}

div#div-pag-esquerda-livro-receitas {

    width: 42.5%;
    height: 95.5%;
    background-color: #f2f2f2;
    margin-left: 1.75%;
    margin-top: 1.35%;
    float: left;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: -3px -3px 3px rgba(0, 0, 0, .2);
    z-index: 0;
   /* background-image: url(/images/recipee-book-border-vegetables.svg);
    background-repeat: repeat;
    background-size: 11%;
    background-position: right top;*/
    overflow: visible;
    

}

div#div-wire-livro-receitas {

    width: 11.348%;
    height: 96.4%;
    float: left;
    margin-top: 0.8%;
    background-image: url(/images/wire-o-receitas-white.svg);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;

}



div#div-pag-direita-livro-receitas {

    width: 42.5%;
    height: 95.5%;
    background-color: #f2f2f2;
    margin-top: 1.35%;
    float: left;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 3px -3px 3px rgba(0, 0, 0, .2);
    z-index: 0;
    /*background-image: url(/images/recipee-book-border-vegetables.svg);
    background-repeat: repeat;
    background-size: 11%;*/
    


}

div#pag-direita-livro-receitas {

    background-color: #f2f2f2;
    margin: 2% 2% 2% 0;
    width: 100%;
    height: 96%;
    border-radius: 10px;
    padding: 1%;
}

div#pag-esquerda-livro-receitas {
    background-color: #f2f2f2;
    margin: 2% 0 2% 2%;
    width: 100%;
    height: 96%;
    border-radius: 10px;
    padding: 1%;
    overflow: visible;
}

div#div-ribbon-titulo-receita {

    width: 98%;
    height: 12.2%;
    background-image: url('/images/receita-titulo-ribbon.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position-y: bottom;

}

div.paper
{

    font-family: 'Dancing Script', cursive;
    font-size: 100%;

}

div#div-tipo-fonte-receita {

    width: 100%;
    height: auto;;
}

div#switch-tipo-fonte-receita {

    float: left;
    margin: 1vh 0;
}

label#label-tipo-fonte-receita {

    float: left;
    margin: 1vh 0.5vw 1.5vh 1vw;
}

div#div-indice-receitas,
div#div-indice-receitas .dx-widget {

    font-family: 'Dancing Script', cursive;
    font-size: 120%;

}


div#div-parms-receitas .dx-tab.dx-tab-selected{
    background: #DC5CA7;
    color: white;
    border-color: #DC5CA7;
}


div#div-parms-receitas .dx-tab:hover{
    background: #198B86;
    color: white;
    border-color: #198B86;
}

div#div-parms-receitas  .dx-tabs {
    border: none;
}

div#div-parms-receitas .dx-tab{ 
    background: #EEE;
    color: #198B86;
    font-size: 120%;
    font-weight: bold;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 1px solid;
}

.notebook-background {
    background-color: #f2f2f2;
    background-image: linear-gradient(#333 0.3px, transparent 0.5px) !important;
    background-size: 100% 1.21em !important;
    background-position: 0 -1px !important;
}


div#div-word-receita {

    width: 100%;
    height: 35%;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;

}

div#div-titulo-receita {

    width: 100%;
    height: 65%;
    padding-top: 1.5%;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;

}

span#span-titulo-receita {
    
}

div#div-tempo-receita {
    
    margin: 3% 1.5% 0 3%;
    height: 10%;
    width: 45.5%;
    float: left;
    overflow: visible;

}

div#div-rendimento-receita {
    
    margin: 3% 3% 0 1.5%;
    height: 10%;
    width: 45.5%;
    float: left;
    overflow: visible;

}

div#div-word-tempo-receita {

    width: 100%;
    height: 35%;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    overflow: visible;
    margin-bottom: 4%;

}

div#div-word-observacoes {
    width: 100%;
    font-size: 1.2em;
    font-weight: bold;
    text-align: left;
    margin: 5px 1vw;
}

div#div-modo-preparo-container {
    height: 75%;
}

div#div-observacoes-container {
    height: 20%;
}

div#div-word-modo-preparo {
    width: 100%;
    font-size: 1.2em;
    font-weight: bold;
    text-align: left;
    margin: 5px 1vw;
}

div#div-receita-modo-preparo {
    height: auto;
    min-height: 100%;
}

span#span-receita-modo-preparo {
    line-height: 1.2em;
}

div#div-word-rendimento-receita {

    width: 100%;
    height: 35%;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    overflow: visible;
    margin-bottom: 4%;

}

div#div-word-tempo-receita2 {

    width: 100%;
    height: 35%;
    font-size: 1em;
    font-weight: normal;
    text-align: center;

}

div#div-word-rendimento-receita2 {

    width: 100%;
    height: 35%;
    font-size: 1;
    font-weight: normal;
    text-align: center;

}


div#div-ingredientes {
    margin:0 3% 3%;
    height: 52%;
    clear:left;
}


div#div-grid-ingredientes {

    width: 97%;
    height: 100%;
    
}

div#div-grid-ingredientes.dx-widget {
    font-size: 1em;
    font-family: inherit;
    line-height: normal;
}

div#div-grid-ingredientes .dx-datagrid.dx-gridbase-container {
    background-color: #f2f2f2;
}

div#div-grid-ingredientes tr.dx-header-row td {
    background-color: #f2f2f2;
    color: #000;
    font-weight: bold;
    font-size: 1.2em;
}

div#div-grid-ingredientes tr.dx-data-row td:nth-child(2) {
    padding-right: 0;
}

div#div-grid-ingredientes .dx-datagrid-headers,
div#div-grid-ingredientes .dx-datagrid-headers + .dx-datagrid-rowsview,
div#div-grid-ingredientes .dx-datagrid-headers .dx-datagrid-table .dx-row > td  {
    border-bottom: none;
    border-top: none;
    padding-bottom: 5px;
}

div#div-grid-ingredientes .dx-datagrid .dx-row > td {
    padding-bottom: 0;
}

div#div-grid-ingredientes .dx-datagrid .dx-row-lines > td {
    border-bottom: 1px solid #999;
}

div#div-observacoes {

    margin: 3% 3%;
    height: 90%;
    

}


div#div-grid-observacoes {

    width: 97%;
    height: 100%;
    
}

div#div-grid-observacoes.dx-widget {
    font-size: 1em;
    font-family: inherit;
    line-height: normal;
}

div#div-grid-observacoes .dx-datagrid.dx-gridbase-container {
    background-color: #f2f2f2;
}

div#div-grid-observacoes tr.dx-header-row td {
    background-color: #f2f2f2;
    color: #000;
    font-weight: bold;
    font-size: 1.2em;
}

div#div-grid-observacoes tr.dx-data-row td:nth-child(2) {
    padding-right: 0;
}

div#div-grid-observacoes .dx-datagrid-headers,
div#div-grid-observacoes .dx-datagrid-headers + .dx-datagrid-rowsview,
div#div-grid-observacoes .dx-datagrid-headers .dx-datagrid-table .dx-row > td  {
    border-bottom: none;
    border-top: none;
}

div#div-grid-observacoes .dx-datagrid .dx-row > td {
    padding-bottom: 0;
}

div#div-grid-observacoes .dx-datagrid .dx-row-lines > td {
    /*border-bottom: 1px solid #999;*/
}

div#div-modo-preparo {

    margin: 2% 3% 2%;
    height: 90%;
    overflow-y: hidden;
    

}


div#div-grid-modo-preparo {

    width: 100%;
    height: 100%;
    
}

div#div-grid-modo-preparo.dx-widget {
    font-size: 1em;
    font-family: inherit;
    line-height: normal;
}

div#div-grid-modo-preparo .dx-datagrid.dx-gridbase-container {
    background-color: #f2f2f2;
}

div#div-grid-modo-preparo tr.dx-header-row td {
    background-color: #f2f2f2;
    color: #000;
    font-weight: bold;
    font-size: 1.2em;
}

div#div-grid-modo-preparo tr.dx-data-row td:nth-child(2) {
    padding-right: 0;
}

div#div-grid-modo-preparo .dx-datagrid-headers,
div#div-grid-modo-preparo .dx-datagrid-headers + .dx-datagrid-rowsview,
div#div-grid-modo-preparo .dx-datagrid-headers .dx-datagrid-table .dx-row > td  {
    border-bottom: none;
    border-top: none;
}

div#div-grid-modo-preparo .dx-datagrid .dx-row > td {
    padding-bottom: 0;
}

div#div-grid-modo-preparo .dx-datagrid .dx-row-lines > td {
    border-bottom: 1px solid #999;
}

div#div-receitas-incorporadas-container {
    height: 25%;
    margin: 0 3% 2%;
}

div#div-receitas-incorporadas {

    margin: 0 3% ;
    height: 90%;
    

}

div#div-grid-receitas-incorporadas {

    width: 100%;

    
}

div#div-word-receitas-incorporadas {

    width: 100%;
    font-size: 1.2em;
    font-weight: bold;
    text-align: left;
    margin: 0 1vw;

}

div#div-receitas-incorporadas .dx-texteditor.dx-editor-outlined {
    background: #f2f2f2;
    border: none;
}



.ui-resizable-e { 
    cursor: e-resize; 
    width: 10px; 
    right: -5px; 
    top: 0; 
    bottom: 0; 
    background-color: gray;
}

.ui-resizable-e:hover { 
    cursor: e-resize;
}

div#titulo-drawer {
    width: 100%;
    text-align: center;
    margin: 1vh 0 2vh;
    font-size: 1.5em;  
    flex-shrink: 0; 
}

a#a-help-drawer-unidades-receita {
    margin: -6.2vh 3vw 0 21vw;
   /* float: right;*/
    color: #FFF;
    background-image: url(../images/questionmarkgreen.svg);
}

div#div-similar-a-label {
    float: left; 
    vertical-align: middle;
    /* height: 4.5vh; */
    padding: 0 1vh 0.5vh;
    font-size: 0.9vw;
    font-weight: bold;
}

div#div-similar-a-selectbox {
    margin: 0 0 0 1vh;
    clear: both;
}

div#label-nao-usa-medidas-receita {
    float: right;
    /* vertical-align: middle; */
    height: 4.5vh;
    padding: 0.5vh 1vh;
    font-size: 0.9vw;
    text-align: end;
}

div#div-switch-nao-usa-medidas-receita {
    float: right;
}

div#div-receitas-origem-peca-titulo {

    width: 100%;
    border-bottom: 1px solid #AAA;
    /* font-weight: bold; */
    font-size: large;

}

div.div-receita-origem-peca {

    padding: 1vh 1vw;
    border-bottom: 1px solid #AAA;

}

div#div-peca-receita .dx-datagrid-headers tr.dx-header-row td {
    background-color: white;
    color: black;
}


  #btn-delete-receita-peca {
    position: relative;
    margin-bottom: -6vh;
    z-index: 1;
}

div#grid-peca-receita .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select {
    padding: 0;
    width: 1vw;
    min-width: 1vw;
    max-width: 1vw;
}

.b-delete-custom-small {
    height: 2.5vh;
    width: 1.2vw;
    background-image: url(../images/delete-gray.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

div#div-grid-ingredientes .dx-datagrid .dx-row > td {
    padding: 0 5px;
  }


div#div-grid-ingredientes td.dx-command-edit {
    padding: 0 !important;
    width: 1.4vw;
    min-width: 1.2vw;
    max-width: 1.2vw;
    height: 2.5vh;
}

div#div-grid-ingredientes .dx-datagrid-rowsview .dx-texteditor-input {
    padding: 0;
    min-height: 0;
    font-size: inherit;
    font-family: inherit;
}

div#div-grid-ingredientes .dx-widget input, .dx-widget textarea,
div#div-grid-ingredientes .dx-widget,
div#div-grid-ingredientes input {

    font-size: inherit;
    font-family: inherit;

}

div#div-grid-ingredientes div.dx-datagrid-addrow-button div.dx-button-content {

    padding: 3px;
    width: auto;
}

div#div-grid-ingredientes .dx-button-normal.dx-button-mode-contained.dx-widget.dx-dropdowneditor-button {
    width: 22px;
    min-width: 20px;
}

div#div-grid-ingredientes .dx-button-content {
    width: 20px;
}

div#div-grid-ingredientes .dx-dropdowneditor-icon {
    width: 20px;
}

div#div-grid-ingredientes div.dx-datagrid-header-panel div.dx-toolbar{
    background-color: #f2f2f2;
}

div#div-grid-ingredientes div.dx-datagrid-header-panel {
    display: none;
}



div#div-grid-ingredientes div.dx-datagrid-focus-overlay {
    display: none;
    border: none;
}

div#div-grid-ingredientes .dx-placeholder:before {
    padding: 0;
    margin: 0;
}

div#div-grid-ingredientes .dx-highlight-outline.dx-pointer-events-target {
    padding: 0;
}

div#div-grid-ingredientes div.dx-revert-button .dx-button-content {
    width: auto;
}

div#div-grid-ingredientes div.dx-datagrid-addrow-button div.dx-button-content {

    padding: 3px;
    width: auto;
}

div#div-grid-ingredientes .dx-button-normal.dx-button-mode-contained.dx-widget.dx-dropdowneditor-button {
    width: 22px;
    min-width: 20px;
}

div#div-grid-ingredientes .dx-button-content {
    width: 20px;
}

div#div-grid-ingredientes .dx-dropdowneditor-icon {
    width: 20px;
}



div#div-word-tempo-receita2 .dx-datagrid .dx-row > td {
    padding: 0 2px;
  }


div#div-word-tempo-receita2 .dx-datagrid-rowsview .dx-texteditor-input {
    padding: 0;
    min-height: 0;
    font-size: inherit;
    font-family: inherit;
}

div#div-word-tempo-receita2 .dx-widget input, .dx-widget textarea,
div#div-word-tempo-receita2 .dx-widget,
div#div-word-tempo-receita2 input {

    font-size: inherit;
    font-family: inherit;

}


div#div-word-tempo-receita2 div.dx-datagrid-header-panel div.dx-toolbar{
    background-color: #f2f2f2;
}

div#div-word-tempo-receita2 div.dx-datagrid-header-panel {
    display: none;
}

div#div-word-tempo-receita2 div.dx-datagrid-focus-overlay {
    display: none;
    border: none;
}

div#div-word-tempo-receita2 .dx-placeholder:before {
    padding: 0;
    margin: 0;
}

div#div-word-tempo-receita2 .dx-highlight-outline.dx-pointer-events-target {
    padding: 0;
}

div#div-word-tempo-receita2 div.dx-revert-button .dx-button-content {
    width: auto;
}

div#div-word-tempo-receita2 .dx-datagrid-rowsview {
    border: none;
}

div#div-word-tempo-receita2 td {
    background-color: #f2f2f2;
}

div#div-word-tempo-receita2 .dx-datagrid-headers {
    border: none;
}

div#div-word-tempo-receita2 .dx-scrollable-content {
    background-color: #f2f2f2;
}

div#div-word-tempo-receita2 {

    width: 97%;
    height: 100%;
    
}

div#div-word-tempo-receita2.dx-widget {
    font-size: 1em;
    font-family: inherit;
    line-height: normal;
    overflow: visible;
}

div#div-word-tempo-receita2 .dx-datagrid.dx-gridbase-container {
    background-color: #f2f2f2;
}

div#div-word-tempo-receita2 tr.dx-header-row td {
    background-color: #f2f2f2;
    color: #000;
    font-weight: bold;
    font-size: 1.2em;
}

div#div-word-tempo-receita2 tr.dx-data-row td:nth-child(2) {
    padding-right: 0;
}

div#div-word-tempo-receita2 .dx-datagrid-headers,
div#div-word-tempo-receita2 .dx-datagrid-headers + .dx-datagrid-rowsview,
div#div-word-tempo-receita2 .dx-datagrid-headers .dx-datagrid-table .dx-row > td  {
    border-bottom: none;
    border-top: none;
    padding-bottom: 5px;
}

div#div-word-tempo-receita2 .dx-datagrid .dx-row > td {
    padding-bottom: 0;
}

div#div-word-tempo-receita2 .dx-datagrid .dx-row-lines > td {
    border-bottom: 1px solid #999;
}

div#div-word-tempo-receita2 .dx-scrollable-container {
    overflow: visible !important;
}


/**/


div#div-word-rendimento-receita2 .dx-datagrid .dx-row > td {
    padding: 0 2px;
  }


div#div-word-rendimento-receita2 .dx-datagrid-rowsview .dx-texteditor-input {
    padding: 0;
    min-height: 0;
    font-size: inherit;
    font-family: inherit;
}

div#div-word-rendimento-receita2 .dx-widget input, .dx-widget textarea,
div#div-word-rendimento-receita2 .dx-widget,
div#div-word-rendimento-receita2 input {

    font-size: inherit;
    font-family: inherit;

}


div#div-word-rendimento-receita2 div.dx-datagrid-header-panel div.dx-toolbar{
    background-color: #f2f2f2;
}

div#div-word-rendimento-receita2 div.dx-datagrid-header-panel {
    display: none;
}

div#div-word-rendimento-receita2 div.dx-datagrid-focus-overlay {
    display: none;
    border: none;
}

div#div-word-rendimento-receita2 .dx-placeholder:before {
    padding: 0;
    margin: 0;
}

div#div-word-rendimento-receita2 .dx-highlight-outline.dx-pointer-events-target {
    padding: 0;
}

div#div-word-rendimento-receita2 div.dx-revert-button .dx-button-content {
    width: auto;
}

div#div-word-rendimento-receita2 .dx-datagrid-rowsview {
    border: none;
}

div#div-word-rendimento-receita2 td {
    background-color: #f2f2f2;
}

div#div-word-rendimento-receita2 .dx-datagrid-headers {
    border: none;
}

div#div-word-rendimento-receita2 .dx-scrollable-content {
    background-color: #f2f2f2;
}

div#div-word-rendimento-receita2 {

    width: 97%;
    height: 100%;
    
}

div#div-word-rendimento-receita2.dx-widget {
    font-size: 1em;
    font-family: inherit;
    line-height: normal;
    overflow: visible;
}

div#div-word-rendimento-receita2 .dx-datagrid.dx-gridbase-container {
    background-color: #f2f2f2;
}

div#div-word-rendimento-receita2 tr.dx-header-row td {
    background-color: #f2f2f2;
    color: #000;
    font-weight: bold;
    font-size: 1.2em;
}

div#div-word-rendimento-receita2 tr.dx-data-row td:nth-child(2) {
    padding-right: 0;
}

div#div-word-rendimento-receita2 .dx-datagrid-headers,
div#div-word-rendimento-receita2 .dx-datagrid-headers + .dx-datagrid-rowsview,
div#div-word-rendimento-receita2 .dx-datagrid-headers .dx-datagrid-table .dx-row > td  {
    border-bottom: none;
    border-top: none;
    padding-bottom: 5px;
}

div#div-word-rendimento-receita2 .dx-datagrid .dx-row > td {
    padding-bottom: 0;
}

div#div-word-rendimento-receita2 .dx-datagrid .dx-row-lines > td {
    border-bottom: 1px solid #999;
}

div#div-word-rendimento-receita2 .dx-scrollable-container {
    overflow: visible !important;
}

div#div-word-rendimento-receita2 div.dx-revert-button .dx-button-content {
    width: auto;
}

div#div-word-rendimento-receita2 div.dx-datagrid-addrow-button div.dx-button-content {

    padding: 3px;
    width: auto;
}

div#div-word-rendimento-receita2 .dx-button-normal.dx-button-mode-contained.dx-widget.dx-dropdowneditor-button {
    width: 22px;
    min-width: 20px;
}

div#div-word-rendimento-receita2 .dx-button-content {
    width: 20px;
}

div#div-word-rendimento-receita2 .dx-dropdowneditor-icon {
    width: 20px;
}


/**/

div#div-grid-observacoes .dx-datagrid .dx-row > td {
    padding: 0 2px;
  }


div#div-grid-observacoes .dx-datagrid-rowsview .dx-texteditor-input {
    padding: 0;
    min-height: 0;
    font-size: inherit;
    font-family: inherit;
}

div#div-grid-observacoes .dx-widget input, .dx-widget textarea,
div#div-grid-observacoes .dx-widget,
div#div-grid-observacoes input {

    font-size: inherit;
    font-family: inherit;

}


div#div-grid-observacoes div.dx-datagrid-header-panel div.dx-toolbar{
    background-color: #f2f2f2;
}

div#div-grid-observacoes div.dx-datagrid-header-panel {
    display: none;
}

div#div-grid-observacoes div.dx-datagrid-focus-overlay {
    display: none;
    border: none;
}

div#div-grid-observacoes .dx-placeholder:before {
    padding: 0;
    margin: 0;
}

div#div-grid-observacoes .dx-highlight-outline.dx-pointer-events-target {
    padding: 0;
}

div#div-grid-observacoes div.dx-revert-button .dx-button-content {
    width: auto;
}

div#div-grid-observacoes .dx-datagrid-rowsview {
    border: none;
}

div#div-grid-observacoes td {
    background-color: #f2f2f2;
}

div#div-grid-observacoes .dx-datagrid-headers {
    border: none;
}

div#div-grid-observacoes .dx-scrollable-content {
    background-color: #f2f2f2;
}

div#div-grid-observacoes {

    width: 97%;
    height: 100%;
    
}

div#div-grid-observacoes.dx-widget {
    font-size: 1em;
    font-family: inherit;
    line-height: normal;
    overflow: visible;
}

div#div-grid-observacoes .dx-datagrid.dx-gridbase-container {
    background-color: #f2f2f2;
}

div#div-grid-observacoes tr.dx-header-row td {
    background-color: #f2f2f2;
    color: #000;
    font-weight: bold;
    font-size: 1.2em;
}

div#div-grid-observacoes tr.dx-data-row td:nth-child(2) {
    padding-right: 0;
}

div#div-grid-observacoes .dx-datagrid-headers,
div#div-grid-observacoes .dx-datagrid-headers + .dx-datagrid-rowsview,
div#div-grid-observacoes .dx-datagrid-headers .dx-datagrid-table .dx-row > td  {
    border-bottom: none;
    border-top: none;
    padding-bottom: 5px;
}

div#div-grid-observacoes .dx-datagrid .dx-row > td {
    padding-bottom: 0;
}

div#div-grid-observacoes .dx-datagrid .dx-row-lines > td {
    /*border-bottom: 1px solid #999;*/
    height: 7.3vh;
}

/*div#div-grid-observacoes .dx-scrollable-container {
    overflow: visible !important;
}*/

div#div-grid-observacoes div.dx-revert-button .dx-button-content {
    width: auto;
}

div#div-grid-observacoes div.dx-datagrid-addrow-button div.dx-button-content {

    padding: 3px;
    width: auto;
}

div#div-grid-observacoes .dx-button-normal.dx-button-mode-contained.dx-widget.dx-dropdowneditor-button {
    width: 22px;
    min-width: 20px;
}

div#div-grid-observacoes .dx-button-content {
    width: 20px;
}

div#div-grid-observacoes .dx-dropdowneditor-icon {
    width: 20px;
}

/**/

div#div-receita-modo-preparo .dx-datagrid .dx-row > td {
    padding: 0 2px;
  }


div#div-receita-modo-preparo .dx-datagrid-rowsview .dx-texteditor-input {
    padding: 0;
    min-height: 0;
    font-size: inherit;
    font-family: inherit;
}

div#div-receita-modo-preparo .dx-widget input, .dx-widget textarea,
div#div-receita-modo-preparo .dx-widget,
div#div-receita-modo-preparo input {

    font-size: inherit;
    font-family: inherit;

}


div#div-receita-modo-preparo div.dx-datagrid-header-panel div.dx-toolbar{
    background-color: #f2f2f2;
}

div#div-receita-modo-preparo div.dx-datagrid-header-panel {
    display: none;
}

div#div-receita-modo-preparo div.dx-datagrid-focus-overlay {
    display: none;
    border: none;
}

div#div-receita-modo-preparo .dx-placeholder:before {
    padding: 0;
    margin: 0;
}

div#div-receita-modo-preparo .dx-highlight-outline.dx-pointer-events-target {
    padding: 0;
}

div#div-receita-modo-preparo div.dx-revert-button .dx-button-content {
    width: auto;
}

div#div-receita-modo-preparo .dx-datagrid-rowsview {
    border: none;
}

div#div-receita-modo-preparo td {
    background-color: #f2f2f2;
}

div#div-receita-modo-preparo .dx-datagrid-headers {
    border: none;
}

div#div-receita-modo-preparo .dx-scrollable-content {
    background-color: #f2f2f2;
}

div#div-receita-modo-preparo {

    width: 97%;
    height: 100%;
    
}

div#div-receita-modo-preparo.dx-widget {
    font-size: 1em;
    font-family: inherit;
    line-height: normal;
  /*  overflow: visible;*/
}

div#div-receita-modo-preparo .dx-datagrid.dx-gridbase-container {
    background-color: #f2f2f2;
}

div#div-receita-modo-preparo tr.dx-header-row td {
    background-color: #f2f2f2;
    color: #000;
    font-weight: bold;
    font-size: 1.2em;
}

div#div-receita-modo-preparo tr.dx-data-row td:nth-child(2) {
    padding-right: 0;
}

div#div-receita-modo-preparo .dx-datagrid-headers,
div#div-receita-modo-preparo .dx-datagrid-headers + .dx-datagrid-rowsview,
div#div-receita-modo-preparo .dx-datagrid-headers .dx-datagrid-table .dx-row > td  {
    border-bottom: none;
    border-top: none;
    padding-bottom: 5px;
}

div#div-receita-modo-preparo .dx-datagrid .dx-row > td {
    padding-bottom: 0;
}

div#div-receita-modo-preparo .dx-datagrid .dx-row-lines > td {
    /*border-bottom: 1px solid #999;*/
    height: 43.6vh;
}

/*div#div-receita-modo-preparo .dx-scrollable-container {
    overflow: visible !important;
}*/

div#div-receita-modo-preparo div.dx-revert-button .dx-button-content {
    width: auto;
}

div#div-receita-modo-preparo div.dx-datagrid-addrow-button div.dx-button-content {

    padding: 3px;
    width: auto;
}

div#div-receita-modo-preparo .dx-button-normal.dx-button-mode-contained.dx-widget.dx-dropdowneditor-button {
    width: 22px;
    min-width: 20px;
}

div#div-receita-modo-preparo .dx-button-content {
    width: 20px;
}

div#div-receita-modo-preparo .dx-dropdowneditor-icon {
    width: 20px;
}

/**/

div#div-grid-subreceitas {

    width: 97%;
    height: 100%;
    
}

div#div-grid-subreceitas.dx-widget {
    font-size: 1em;
    font-family: inherit;
    line-height: normal;
}

div#div-grid-subreceitas .dx-datagrid.dx-gridbase-container {
    background-color: #f2f2f2;
}

div#div-grid-subreceitas tr.dx-header-row td {
    background-color: #f2f2f2;
    color: #000;
    font-weight: bold;
    font-size: 1.2em;
}

div#div-grid-subreceitas tr.dx-data-row td:nth-child(2) {
    padding-right: 0;
}

div#div-grid-subreceitas .dx-datagrid-headers,
div#div-grid-subreceitas .dx-datagrid-headers + .dx-datagrid-rowsview,
div#div-grid-subreceitas .dx-datagrid-headers .dx-datagrid-table .dx-row > td  {
    border-bottom: none;
    border-top: none;
    padding-bottom: 5px;
}

div#div-grid-subreceitas .dx-datagrid .dx-row > td {
    padding-bottom: 0;
}

div#div-grid-subreceitas .dx-datagrid .dx-row-lines > td {
    border-bottom: 1px solid #999;
}


div#div-grid-subreceitas .dx-datagrid .dx-row > td {
    padding: 0 5px;
  }


div#div-grid-subreceitas td.dx-command-edit {
    padding: 0 !important;
    width: 1.4vw;
    min-width: 1.2vw;
    max-width: 1.2vw;
    height: 2.5vh;
}

div#div-grid-subreceitas .dx-datagrid-rowsview .dx-texteditor-input {
    padding: 0;
    min-height: 0;
    font-size: inherit;
    font-family: inherit;
}

div#div-grid-subreceitas .dx-widget input, .dx-widget textarea,
div#div-grid-subreceitas .dx-widget,
div#div-grid-subreceitas input {

    font-size: inherit;
    font-family: inherit;

}

div#div-grid-subreceitas div.dx-datagrid-addrow-button div.dx-button-content {

    padding: 3px;
    width: auto;
}

div#div-grid-subreceitas .dx-button-normal.dx-button-mode-contained.dx-widget.dx-dropdowneditor-button {
    width: 22px;
    min-width: 20px;
}

div#div-grid-subreceitas .dx-button-content {
    width: 20px;
}

div#div-grid-subreceitas .dx-dropdowneditor-icon {
    width: 20px;
}

div#div-grid-subreceitas div.dx-datagrid-header-panel div.dx-toolbar{
    background-color: #f2f2f2;
}

div#div-grid-subreceitas div.dx-datagrid-header-panel {
    display: none;
}



div#div-grid-subreceitas div.dx-datagrid-focus-overlay {
    display: none;
    border: none;
}

div#div-grid-subreceitas .dx-placeholder:before {
    padding: 0;
    margin: 0;
}

div#div-grid-subreceitas .dx-highlight-outline.dx-pointer-events-target {
    padding: 0;
}

div#div-grid-subreceitas div.dx-revert-button .dx-button-content {
    width: auto;
}

div#div-grid-subreceitas div.dx-datagrid-addrow-button div.dx-button-content {

    padding: 3px;
    width: auto;
}

div#div-grid-subreceitas .dx-button-normal.dx-button-mode-contained.dx-widget.dx-dropdowneditor-button {
    width: 22px;
    min-width: 20px;
}

div#div-grid-subreceitas .dx-button-content {
    width: 20px;
}

div#div-grid-subreceitas .dx-dropdowneditor-icon {
    width: 20px;
}



/**/

div#div-indice-receitas td.dx-command-edit {
    width: 4.5vw;
    min-width: 4.5vw;
    max-width: 4.5vw;
}

div#div-indice-receitas .dx-datagrid-rowsview .dx-texteditor-input {
/*    padding: 2px;
    min-height: 0;*/
 /*   font-size: inherit;*/
    font-size: 0.83em;
    font-family: inherit;
/*    background-color: #c3f9f7*/
}

div#div-indice-receitas .dx-widget input, .dx-widget textarea,
div#div-indice-receitas .dx-widget,
div#div-indice-receitas input {

 /*  font-size: inherit;*/
    font-family: inherit;

}

div#div-indice-receitas div.dx-datagrid-addrow-button div.dx-button-content {

    /*padding: 3px;*/
    width: auto;
}

div#div-indice-receitas div.dx-datagrid-header-panel div.dx-toolbar{
    background-color: #f2f2f2;
}

div#div-indice-receitas div.dx-datagrid-header-panel {
    background-color: #f2f2f2
}

/*div#div-indice-receitas .dx-button-normal.dx-button-mode-contained.dx-widget.dx-dropdowneditor-button {
    width: 22px;
    min-width: 20px;
}

div#div-indice-receitas .dx-button-content {
    width: 20px;
}

div#div-indice-receitas .dx-dropdowneditor-icon {
    width: 20px;
}*/

div#div-indice-receitas div.dx-datagrid-focus-overlay {
    display: none;
    border: none;
}

/*div#div-indice-receitas .dx-placeholder:before {
    padding: 0;
    margin: 0;
}

div#div-indice-receitas .dx-highlight-outline.dx-pointer-events-target {
    padding: 2px;
}*/

div#div-indice-receitas div.dx-revert-button .dx-button-content {
    width: auto;
}

div#div-indice-receitas .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-focused, div#div-indice-receitas .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-focused, div#div-indice-receitas .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-focused, div#div-indice-receitas .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-focused {
    background-color: #148c87;
    color: #fff;
}

div#div-indice-receitas .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, div#div-indice-receitas .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td, div#div-indice-receitas .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td, div#div-indice-receitas .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
    background-color: #148c87;
    color: #fff;
}

div#div-indice-receitas tr.dx-header-row td {
    background-color: #f2f2f2;
    color: #000;
    font-weight: bold;
}

div#div-indice-receitas tr.dx-selection .b_delete_custom {
    background-image: url(../images/delete-white.svg);
}

div#div-indice-receitas tr.dx-selection .b_edit_custom {
    background-image: url(../images/edit-white.svg);
}

div#div-indice-receitas tr.dx-edit-row .b_save_custom {
    background-image: url(../images/save.svg);
    height: 3.5vh;
    width: 1.8vw;
    background-size: contain;
}

div#div-indice-receitas tr.dx-edit-row .b_cancel_custom {
    background-image: url(../images/cancel.svg);
    height: 3.5vh;
    width: 1.8vw;
    background-size: contain;
}
div#div-indice-receitas tr.dx-row.dx-freespace-row {
    background-color: #f2f2f2;
}

div#div-indice-receitas .dx-scrollable-content {
    background-color: #f2f2f2;
}

div#div-indice-receitas a.dx-link.dx-link-delete,
div#div-indice-receitas a.dx-link.dx-link-edit,
div#div-indice-receitas a.dx-link.dx-link-save,
div#div-indice-receitas a.dx-link.dx-link-cancel {
    float: left;
}

/*********************************/

div#grid-categorias-ingredientes td.dx-command-edit {
    width: 4.5vw;
    min-width: 4.5vw;
    max-width: 4.5vw;
}

/*div#grid-categorias-ingredientes .dx-datagrid-rowsview .dx-texteditor-input {
    font-size: 0.83em;
    font-family: inherit;
}

div#grid-categorias-ingredientes .dx-widget input, .dx-widget textarea,
div#grid-categorias-ingredientes .dx-widget,
div#grid-categorias-ingredientes input {

    font-family: inherit;

}*/

div#grid-categorias-ingredientes div.dx-datagrid-addrow-button div.dx-button-content {

    padding: 3px;
    width: auto;
}

/*div#grid-categorias-ingredientes div.dx-datagrid-header-panel div.dx-toolbar{
    background-color: #f2f2f2;
}

div#grid-categorias-ingredientes div.dx-datagrid-header-panel {
    background-color: #f2f2f2
}*/

/*div#grid-categorias-ingredientes .dx-button-normal.dx-button-mode-contained.dx-widget.dx-dropdowneditor-button {
    width: 22px;
    min-width: 20px;
}
*/
div#grid-categorias-ingredientes .dx-button-content {
    width: 20px;
}
/*
div#grid-categorias-ingredientes .dx-dropdowneditor-icon {
    width: 20px;
}*/

div#grid-categorias-ingredientes div.dx-datagrid-focus-overlay {
    display: none;
    border: none;
}

/*div#grid-categorias-ingredientes .dx-placeholder:before {
    padding: 0;
    margin: 0;
}

div#grid-categorias-ingredientes .dx-highlight-outline.dx-pointer-events-target {
    padding: 2px;
}*/

div#grid-categorias-ingredientes div.dx-revert-button .dx-button-content {
    width: auto;
}



div#grid-categorias-ingredientes tr.dx-selection .b_delete_custom {
    background-image: url(../images/delete-white.svg);
}

div#grid-categorias-ingredientes tr.dx-selection .b_edit_custom {
    background-image: url(../images/edit-white.svg);
}

div#grid-categorias-ingredientes tr.dx-edit-row .b_save_custom {
    background-image: url(../images/save.svg);
    height: 3.5vh;
    width: 1.8vw;
    background-size: contain;
}

div#grid-categorias-ingredientes tr.dx-edit-row .b_cancel_custom {
    background-image: url(../images/cancel.svg);
    height: 3.5vh;
    width: 1.8vw;
    background-size: contain;
}

div#grid-categorias-ingredientes a.dx-link.dx-link-delete,
div#grid-categorias-ingredientes a.dx-link.dx-link-edit,
div#grid-categorias-ingredientes a.dx-link.dx-link-save,
div#grid-categorias-ingredientes a.dx-link.dx-link-cancel {
    float: left;
}

/*****************/

div#grid-unidades-culinarias .dx-datagrid .dx-row > td {
    padding: 5px 5px;
    font-size: 0.9vw;
    font-weight: normal;
  }


div#grid-unidades-culinarias td.dx-command-edit {
    padding: 0 !important;
    width: 1.4vw;
    min-width: 1.2vw;
    max-width: 1.2vw;
    height: 2.5vh;
}

div#grid-unidades-culinarias .dx-datagrid-rowsview .dx-texteditor-input {
    padding: 0;
    min-height: 0;
    font-size: inherit;
    font-family: inherit;
    border: 1px solid #ddd;
}

div#grid-unidades-culinarias .dx-widget input, .dx-widget textarea,
div#grid-unidades-culinarias .dx-widget,
div#grid-unidades-culinarias input {

    font-size: inherit;
    font-family: inherit;

}

div#grid-unidades-culinarias div.dx-datagrid-addrow-button div.dx-button-content {

    padding: 3px;
    width: auto;
}

div#grid-unidades-culinarias .dx-button-normal.dx-button-mode-contained.dx-widget.dx-dropdowneditor-button {
    width: 22px;
    min-width: 20px;
}

div#grid-unidades-culinarias .dx-button-content {
    width: 20px;
}

div#grid-unidades-culinarias .dx-dropdowneditor-icon {
    width: 20px;
}

div#grid-unidades-culinarias div.dx-datagrid-header-panel div.dx-toolbar{
    background-color: #f2f2f2;
}

div#grid-unidades-culinarias div.dx-datagrid-header-panel {
    display: none;
}



div#grid-unidades-culinarias div.dx-datagrid-focus-overlay {
    display: none;
    border: none;
}

div#grid-unidades-culinarias .dx-placeholder:before {
    padding: 0;
    margin: 0;
}

div#grid-unidades-culinarias .dx-highlight-outline.dx-pointer-events-target {
    padding: 0;
}

div#grid-unidades-culinarias div.dx-revert-button .dx-button-content {
    width: auto;
}

div#grid-unidades-culinarias div.dx-datagrid-addrow-button div.dx-button-content {

    padding: 3px;
    width: auto;
}

div#grid-unidades-culinarias .dx-button-normal.dx-button-mode-contained.dx-widget.dx-dropdowneditor-button {
    width: 22px;
    min-width: 20px;
}

div#grid-unidades-culinarias .dx-button-content {
    width: 20px;
}

div#grid-unidades-culinarias .dx-dropdowneditor-icon {
    width: 20px;
}

div#grid-categorias-ingredientes .dx-datagrid-rowsview .dx-row > .dx-master-detail-cell {
    padding: 10px 10px;
    background-color: #fff !important;
}

div#grid-unidades-culinarias .dx-widget {

    font-size: 100%;
    font-weight: normal;

}

div#grid-peca-receita .dx-datagrid-rowsview .dx-row-removed > td {
    background-color: #fff;
    color: #eee;
    border-color: #fff;
}

a#a-help-similar-a-label {
    margin: 0 0 0 0;
    line-height: inherit;
    float: left;
    color: #FFF;
    background-image: url(../images/questionmarkgreen.svg);
}

div#grid-medidas-receitas span.dx-datagrid-nodata {
    white-space: break-spaces;
}    

div#grid-medidas-receitas {

    border-bottom: 1px solid #ddd;

}    

div.btn-preenche-conversa-umr:hover {
    cursor:pointer;
}

.dx-datagrid .dx-row > td.no-padding-td {
    padding: 0
}

div#titulo-dialog-porcoes {
    font-size: 1.5vw;
    text-align: center;
}

div#label-input-num-porcoes {
    float: left;
    line-height: 4.5vh;
    margin-right: 1vw;
}

div#div-input-num-porcoes {
    width: 4vw;
}

div#div-resultado-dialog {
    border-top: 1px solid #ddd;
    margin-top: 2.5vh;
    padding-top: 1.5vh;
}

div#titulo-dialog-result {
    padding-left: 1vw;
    float: left;
    /*padding-right: 0.3vw;*/
    font-size: larger;
}

div#titulo-dialog-result2 {
    padding-left: 0.3vw;
    float: left;
    padding-right: 0.3vw;
    font-size: larger;
}

span.dialog-result-unidade-medida {
   /* float: left;*/
    font-size: larger;
    margin-left: 0.3vw;
    font-weight: bold;
}

span.dialog-result-value {
    /*float: left;*/    
    font-size: larger;
    margin-left: 0.3vw;
    font-weight: bold;
}

div#botoes-dialog {
    margin-top: 1.5vh;
    border-top: 1px solid #ddd;
    padding-top: 2.5vh;
}

div#btn-fecha-dialog-porcao {
    float: right;
}

div#div-livro-receitas textarea.dx-texteditor-input.notebook-background {
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    height: auto;
}

tr.dx-row-removed .dx-button-mode-contained .dx-icon {
    color: #eee;
}

div#div-parms-receitas div.dx-filter-menu + div.dx-editor-container {
    font-size: 0.8em;
}

div#div-parms-receitas .dx-datagrid-pager {
    font-size: 0.8em;
    padding: 5px;
}

div#div-indice-receitas, div#div-indice-receitas .dx-datagrid-pager .dx-widget {
    font-size: inherit;
}

div#drawer-unidades-receita {
    display: flex;
    flex-direction: column;
}

div#div-medidas-receitas {
    flex-grow: 1;
}

div#div-similar-a {
    flex-shrink: 0;
}

div#div-nao-usa-medidas-receita {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}