@import './opme/index.css?version=6.115.1-SNAPSHOT';

.modal-discount__body {
    display: flex;
    padding: var(--spacing--nano);
    margin-bottom: var(--spacing--xxxs);
}

.edit-discount__icon {
    color: var(--brand-primary-04);
    font-size:17px;
}

.discount-modal__input {
    flex: 1;
}

.observation-generic-widget__wrapper {
    position: absolute;
    top: 10px;
    right:75px;
    background-color: var(--white-color);
    box-shadow: 0 2px 4px 0 rgba(95, 95, 95, 0.5);
    width: 322px;
    padding: 12px;
    z-index: 10;
    box-sizing: border-box;
}

.observation-generic-widget__wrapper::after {
    position: absolute;
    top: 15px;
    right: -10px;
    content: '';
    height: 20px;
    width: 20px;
    background-color: var(--white-color);
    transform: rotate(45deg);
}

.obs-widget__title {
    color: var(--black-color);
    display: flex;
    justify-content: space-between;
    font-size: var(--font-size-xxs);
    font-weight: bold;
}

.observation-generic-widget__wrapper .order-number {
    color: var(--neutral-color);
    font-size: var(--size--xxxs);
}

.observation-generic-widget__content {
    box-sizing: border-box;
    width: 100%;
    height: 141px;
    margin-top: 6px;
    margin-bottom: 6px;
    border-radius: var(--border-radius-sm);
    font-family: var(--font-family-primary);
    font-size: var(--size--xxxs);
    border-color: var(--neutral-medium);
    resize: none;
    padding: 12px;
}

.obs-widget__title i {
    padding-right: 8px;
    color: var(--neutral-medium);
}

.order-number span {
    font-weight: bold;
}

.btn-observation__wrapper {
    display: flex;
    justify-content: space-between;
    height: 32px;
}

.caracteres__wrapper p{
    color: var(--neutral-color);
    font-size: var(--size--xxxs);
    padding: 0;
    margin: 0;
}


/* TODO Front Day - Copiado de colors.css devido a problema de cache */
.color-warning {
    color: #FF871A !important;
}

.link-new-surgery {
    position: relative;
}

.link-new-surgery span {
    background-color: white;
    padding: .5rem;
    position: absolute;
    color: black;
    border-radius: 5px;
    top: 0;
}

.icon-detail-pre-order-list{
	padding-bottom: 15px;
}

.padding-correct-chat{
	padding-top: 12px;
}

.disabled-generic{
	color: #BFBFBF !important;
	pointer-events: none;
}


.notification-all-read{
	color: #BFBFBF !important;
}

.notification-has-unread{
	  color: var(--feedback-alert-03) !important;
}

.list-notification-mark {
    font-size: 12px !important;
    top: -28px !important;
    left: 10px !important;
    position: relative !important;
}

.titleViewSurgery{
	padding: 0;
	margin-top: -20px;
    margin-right: 45px;
    cursor: pointer;
    float: right;  
}

.titleViewSurgery a{
	color: #FFF;
}

#contentPreOrderLists .content-chat {
	width: 24px;
}

#contentPreOrderLists .material-icons.preorder-open-chat{
	color: var(--brand-primary-04);
}

.containErrorReplyMessage{
    position: absolute;
    margin-top: 200px;
    font-size: 16px;
    font-weight: 700;
    width: 100%;
    text-align: center;
}
.containErrorReplyMessage #labelErroRespostaMessage{
    color: red;
} 
.containErrorReplyMessage .btnPedido{
	background-color: #C1C1C1;
	color: #FFF;
	cursor: pointer;
	display: inline-block;
	min-width: 93px;
	border-radius: 14px;
	padding: 7px 10px 7px 10px;
	border: 1px solid #a6a6a7;
	font-size: 12px;
}

.width-th-last-buyer{
	width: 100px!important;
}

.curson-pointer {
  cursor: pointer;
}
.nao-codificados__tr {
    text-align: center;
}
.nao-codificados__descricao {
    text-align: left !important;
    width:60%;
}
.nao-codificados__qtd {
    width:10%;
}
.nao-codificados__fornecedor {
    width:20%;
}
#tabelaDetalheRespostaFornecedor tr.respostaFornecedor-cabecalho th:fist-child{
	position: relative;
}

#tabelaDetalheRespostaFornecedor .supplier-view-averageprice{
    margin: 0px 10px;
    font-size: 23px;
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    bottom: -4px;
    color: var(--brand-primary-04);
    cursor: pointer;
}
#table-products .contain-action-buttons{
	overflow: auto;
	width: 130px;
}
#table-products .contain-action-buttons{
    overflow: auto;
}
#table-products .cell-confirm{
	float: right;
}
#table-products .cell-cancel{
	color: 555;
	float: left;
	cursor: pointer;
}
.modalMetabasePrecoMedio .btn-close-modal-price{
	position: absolute;
    color: var(--neutral-color-03);
    font-size: 18px;
    top: 10px;
    right: 22px;
    cursor: pointer;
}

.modalMetabasePrecoMedio .modalTitleAveragePrice{
    font-size: 18px!important;	
}
.modalMetabasePrecoMedio .btn-search-averagePrice{
    background-color: var(--brand-primary-04);
    border-radius: 23px;
    width: 73px;
    height: 25px;
    color: var(--white-color);
    display: inline-block;
    box-sizing: border-box;
    padding-top: 5px;
    padding-left: 18px;
    cursor: pointer;
}
.modalMetabasePrecoMedio .mdi-history{
    color: var(--brand-primary-04);
    font-size: 26px!important;    
    float: left;
    display: inline-block;
    margin-top: 0px;
    margin-left: 0px;
    cursor: none!important;
}
.modalMetabasePrecoMedio .modal-title{
    font-family: Lato;
    font-size: 18px;
    line-height: 22px;   
    font-weight: bold;
    margin-top: 20px;
}
.modalMetabasePrecoMedio #averageProductPrice{
	min-height: 80vh!important;
	height: 80vh!important;
}
#modalMetabsePrecoMedioProduto{
	min-height: 100%!important;
	height: 100%!important;
	padding-top: 0px;
	overflow: hidden;
}

#modalMetabsePrecoMedioProduto .contain-filters{
	overflow: auto;
	margin-bottom: 10px;
	margin-right: 10px;
}
#modalMetabsePrecoMedioProduto .modal-body{
	height: 95%;
	margin-top: 30px;
}
#modalMetabsePrecoMedioProduto .modal-header{
	border: 0px;
    height: 14px;
    padding-top: 0px;
    padding-bottom: 0px;	
}
#modalMetabsePrecoMedioProduto .contain-filters .input-filter{	
	margin-right: 15px;	
	box-sizing: border-box;
	background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #A4A4A4;
    font-family: lato;
    border-radius: 5px!important;
    width: 203px;
    height: 26px;
    text-transform: uppercase;
    padding: 3px;	
}
.modalMetabasePrecoMedio{
	width: 100vw!important;
	height: 100vh!important;
}

.relative-position {
    position: relative;
}

.absolute-position {
    position: absolute;
}

.centered-spinner {
    right: 50%;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

.min-width {
    min-width: 150px;
}

.min-width--sm {
    min-width: 100px;
}

#modalImprimir > .modal-body #guias{
    margin-top: 10px;	
}

#modalImprimir > .modal-body #guias label{
    margin-right: 26px;
}

#modalImprimir > .modal-body #periodos{
    margin-top: 10px;	
}

#modalImprimir > .modal-body #periodos label{
    margin-right: 23px;
}

.loading:after {
  content: ' .';
  animation: dots 1s steps(5, end) infinite;
}
  
@keyframes dots {
  0%, 20% {
    color: rgba(0,0,0,0);
    text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);}
  40% {
    color: white;
    text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);}
  60% {
    text-shadow:
      .25em 0 0 white,
      .5em 0 0 rgba(0,0,0,0);}
  80%, 100% {
    text-shadow:
      .25em 0 0 white,
      .5em 0 0 white;}
}

.serach-products-wrapper, .serach-products-wrapper *{
      box-sizing: border-box;
      padding: 0px;
      margin: 0px;
 }
 .search-products-wrapper{
     width: 100%;
     height: 100%;
     background-color: #F4F4F4;
     font-size: 12px;
     overflow: auto;
 }
 
 #table-products .registerMs{
    display: block;
    margin-bottom: 5px;
 }
 #table-products .registerMs + span{
    font-weight: normal!important;      
 }       

 .products-search-contain{
     background-color: #FFF;
     padding: 30px;       
     margin-top: 40px;
     height: 175px;
 }
 
 .products-search-contain .input-ref, .products-search-contain .input-cod{
      width: 140px;
 }
 
 .products-search-contain .input-description{
      width: 280px;
 }
 
 .products-search-contain .input-anvisa, .products-search-contain .input-tuss {
      width: 200px;
 }
 
 .products-search-contain .input-supplier{
      width: 300px;
 }
 
 .products-search-contain .items-products-search{
     float: left;
     width: 25%;
     margin-top: 15px;
 }
 
 .items-products-search label{
     display: block;
     color: #353230;   
     font-size: 12px;         
 }

 .items-products-search input, .items-products-search select{
     background-color: #FFFFFF;
     border: 1px solid #CCCCCC!important;
     border-radius: 4px!important;
     height: 18px!important;
     padding: 5px!important;
     color: #000;
 }
 
.items-products-search select {     
     height: 28px!important;
 }

 .products-search-contain #sendFormSearchProducts, .products-search-contain #resetFormSearchProducts{
     background-color: #9140A9;
     border-radius: 23px;
     width: 78px;
     height: 26px;
     color: #FFF;
     border: none;
     margin-top: 14px;       
     cursor: pointer;
 }
 
 .products-search-contain #resetFormSearchProducts{
    background-color: #555;
 }
 
 .products-search-contain #sendFormSearchProducts{
      margin-left: 15px;
 }

 .search-products-wrapper .table-search-products-contain{
     padding: 30px;
 }

 .table-search-products-contain table thead th{
     padding-left: 20px;
     text-align: left;
     color: #353230;
 }

 .table-search-products-contain table tbody tr{
     background-color: #FFF;           
     border: 3px solid #F4F4F4; 
     height: 58px;
 }

 .table-search-products-contain table tbody td{
     padding: 10px 20px;
 }
 
 .table-search-products-contain .width-22{
      width: 22%;
 }
 
 .table-search-products-contain .width-8{
      width: 8.3%;
 }
 
 .table-search-products-contain .width-100{
      width: 100%;
 }

 .table-search-products-contain table,  .table-search-products-contain th,  .table-search-products-contain td{
     border-collapse: collapse;
 }     

 .table-search-products-contain .cell-alt, .table-search-products-contain .cell-confirm{
     display: block;
     color: #9140A9;
     cursor: pointer;
 } 

 .table-search-products-contain .cell-report{
     color: #9140A9;
     cursor: pointer;
     padding-left: 4%!important;
 }  
 
 .table-search-products-contain #loading-product-filters{
      padding-left: calc(50% - 50px);
 } 
 
 .table-search-products-contain .productCodeHidden{
      width: 130px;
      display: block;
 }

.products-search-contain .selected-display-supplier{
	text-transform: capitalize!important;
	margin: 5px 0px;
	cursor: pointer;
}

.products-search-contain .selected-display-supplier:hover{
	border: 1 px solid #ccc;
	background-color: #ddd;
	padding: 3px;
}

.products-search-contain .containSearchSuppliers{
	position: relative;
}

.products-search-contain .autoComplete-display-suppliers{   
    position: absolute;
    display: inline-block;
    width: 300px;
    height: auto;
    background: #FFF;
    color: #000;
    left: 0px;
    top: 25px;
    overflow: auto;
    padding: 15px 10px;
    max-height: 200px;   
    box-sizing: border-box;
    border: 1px solid #bfbfbf;
    z-index: 999999;
    
}

.purchase-info-wrapper {
	display: flex;
}

.supplier-purchase-wrapper span {
	font-size: 15px;
	color: #9140A9;
	font-weight: 400;
	line-height: 17px;
}

.purchase-payment-info-wrapper {
	margin-left: 50px;
}

.purchase-payment-info-wrapper p {
	padding: 0 !important;
}

.payment-condition {
	display: block;
	font-weight: bold;
	font-size: .7rem;
}

#modalImprimir > .modal-body #guias{
    margin-top: 10px;	
}

#modalImprimir > .modal-body #guias label{
	margin-right: 26px;
}

#modalImprimir > .modal-body #periodos{
    margin-top: 10px;	
}

#modalImprimir > .modal-body #periodos label{
	margin-right: 23px;
}

.table-user-group thead th{
	text-align: center;
}

.table-user-group .th-group-name, .table-user-group .th-flow, .table-user-group .th-surgery-site{
	width: 25%;
}

.table-user-group .th-users{
	width: 15%;
}

.table-user-group .th-delete, .table-user-group .th-edit{
	width: 5%;
}

.containFiltersGroup, .containSelectStatusPdc, .containSelectSurgerySite{
    display: inline-flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: flex-start;
}

.containFiltersGroup .selectSurgerySiteGroup, .containFiltersGroup .selectStatusPdc{
    display: block;
    height: 26px;    
    min-width: 286px;
    max-width: 286px;      
    border-radius: 4px!important;
    border: 1px solid #aaa;
    color: #696868;
    font-size: 11px;
    background-color: #FFF!important;
    text-transform: uppercase;    
}

.select-approvalpre-conclude-no-amount{
    position: relative;
    background-color: #FFF;
    border: 1px solid #999999;
    border-radius: 5px!important;
    height: 34px;
    padding: 8px;
    font-family: lato;
    color: #333;
    width: 335px;
}
.wrapper-generic-modal-alert-success{
	background: #FFF;
	font-family: lato;
	font-size: 14px;
	text-align: center;
	color: #5CD156;
}
.margin-top-30{
	margin-top: 30px;
}

.primary-color {
    color: var(--brand-primary-04);
}

.float-right {
    float: right;
}

.primary-button {
	background-color: var(--brand-primary-04);
	border-radius: 4px;
	font-size: 12px;
	font-weight: 400;
	color: var(--white-color);
    cursor: pointer;
	width: max-content;
	height: max-content;
}

.primary-button p {
    margin: 0;
    padding: calc(5px + .2em);
}

.btn-width-refuse-disable{
	width: 100px!important;
}

.modal-revalidation__body {
    display: flex;
    padding: var(--spacing--nano);
    margin-bottom: var(--spacing--xxxs);
}

#footerPreOrder #loading-footer-spinner{
	margin-left: 150px;
}
.table-history-pre-surgery .approvalGroup-pre-reason{
	width: 60px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 60px;
}
.table-history-pre-surgery .approvalGroup-pre-observation{
    width: 90px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90px;	
}
#loading-footer{
	display: block;
	position: relative;
}
#loading-footer > img{
	position: relative;
	right: -60%;
}
.thResumeTitle{
	width: 180px;
    float: right;
    padding-right: 28px;
    margin-top: 22px;
}
.modal-approve-pre{
	padding-top: 0px!important;
}
.spanAuthTotal, .spanRequestTotal{
	margin-left: 10px;
}

div#concluirPre{
	text-align: center;
	width: 178px!important;
}
div#concluirPre .mdi-check-circle-outline{
	float: left;
    font-size: 18px;
    margin-top: 2px;
}
.btn-refusal-pre-surgery, .openModalApprovePreSurgery{
	width: 120px!important;
} 
.spanAuthTotal, .spanRequestTotal {
	margin-left: 5px;
} 
.modal-approve-pre .oc-select{
	color: #000;
}
.modal-approve-pre .oc-select-box{
	padding: 5px;
	border: 1px solid #CCC;	
	height: 32px;
}
.modal-approve-pre #input-approve-preorder-observation{
	box-sizing: border-box;
	border: 1px solid #CCC; 
	width: 100%;    
    margin-top: 15px;
    border-radius: 6px;
    height: 116px;  
    padding: 15px; 
    resize: none;
}
.modal-approve-pre .modal-header,.modal-approve-pre .modal-footer{
	border-bottom: 0px!important;
	border-top: 0px!important;
}
.modal-approve-pre .modal-header h3{
  color: var(--black-color);
  font-family: Lato;
  font-size: 18px;
  line-height: 22px;  
}
.modal-approve-pre .modalbody{
	padding-top: 0px!important;
}
.modal-approve-pre .description{
  color: var(--neutral-color-01);
  font-family: Lato;
  font-size: 14px;
  line-height: 17px;  
  margin-top: 0px!important;
  margin-bottom: 25px!important;
}
.modal-approve-pre .modal-footer{
    overflow: auto;	
}
#btnApprovePre, #btnCancelPre{
	background-color: var(--brand-primary-04);
    border-radius: 4px;
    width: 102px;
    height: 32px;
    float: right;
    font-family: Lato;
    font-size: 14px;
    line-height: 17px;
    margin-right: 0px!important;
    text-align: center;
    padding-top: 7px;
    box-sizing: border-box; 
}
#btnApprovePre > p, #btnCancelPre > p{
	display: inline;
}
#btnCancelPre{
	background-color: var(--white-color);
	color: var(--neutral-color-02);
}
.pre-header-supplier {
    background-color: var(--neutral-color-02);
    height: 59px;
}
.pre-conclude{
	display: inline-block;
    margin-top: 8px;
}
.resume-percentage{
	color: #85DC93
}
.resume-header{
	color: #FFF
}

.resume-info__wrapper{
    display: inline;
    color: #FFF
}

.resume-qtd-products__span, .resume-products__span {
    margin-left: 5px;
}

.resume-products__span {
    margin-right: 15px;
}

.post-header-supplier div {
    padding-top: 4px;
}

.post-header-supplier span.post-header-supplier__authorized-quantity {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.post-header-supplier div.post-header-supplier__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 4px;
    justify-items: center;
}

.post-header-supplier span.post-header-supplier__icon-cancel {
    font-size: 1rem !important;
    color: var(--feedback-alert-02);
    cursor: pointer;
}

.post-header-supplier span.post-header-supplier__icon-cancel.opme-disabled,
.post-header-supplier span.post-header-supplier__icon-copy.opme-disabled {
    cursor: not-allowed;
}

.pre-separate-block{
	width: calc(100% + 50px);
    height: 24px;
    background-color: #F2F2F2;
    margin-left: -25px;
}
.pre-button-footer {
    width: 100%;
    height: 70px;
    background-color: #FFF;
    padding-bottom: 1em;
}
.pre-button-footer > div {
    margin: 24px 24px 24px 24px;
    float: right;
}
.span-resume-title{
  color: var(--white-color);
  font-family: Lato;
  font-size: 14px;
  line-height: 16.8px;
  text-align: left;
  display: inline-block;
  margin: 10px 10px 1px 10px;
}
.span-resume-status{
	margin-left: 10px;	
  	font-family: Lato;
  	font-size: 12px;
  	line-height: 14.4px;
  	text-transform: capitalize;
}
.header-purchase-order .input-purchase-order-title {
    border: none;
    color: white;
    font-size: 16px;
    background-color: transparent;
    box-shadow: none;
    pointer-events: none;
    width: 350px !important;
    text-overflow: ellipsis;
    max-width: 350px;
    overflow: hidden;
}
.header-purchase-order .input-purchase-order-title-edit {
    width: 350px;
    color: black;
    font-size: 16px;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(213, 213, 213, 1);
    border-radius: 4px;
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
    height: 20px;
}
.purchaseOrderContainer .oc-footer .totalPurchaseOrder{
	font-weight: bolder;
	font-size: 15px;
}

.purchaseOrderContainer {
	margin-top: 10px;
}

.btn-disabled{
	color: var(--white-color) !important;
	background-color: var(--neutral-color-03) !important;
	pointer-events: none;
}
.border-red{
	border: 1px red solid!important;
}
.component-disable{
	opacity: 0.3 !important;
	pointer-events: none;
}
.btnRemoveShortcut{
	display: block;
	margin: 5px 0px;
}
.colorOrange{
	color: #FF871A;
}
.container-header-title{
    margin-bottom: 10px;
}                                          
#divProductsListTable .input-group-title{
	border: none;
	background-color: transparent;
	box-shadow: none;
	pointer-events: none;
	width: 350px !important;
	text-overflow: ellipsis;
    max-width: 350px;
    overflow: hidden;
}

#divProductsListTable .input-group-title-edit{
	width: 350px;
    background-color: var(--white-color);
    border: 1px solid var(--white-color);
    border-radius: 4px;
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
    height: 20px;
}

.grouping-content .grouping-item:not(:first-child){
	    padding-top: 80px;
}

.grouping-item-list{
	padding-top: 20px;
	padding-botton: 50px;
}

.opme-modal {
    position: relative !important;
    height: 100% !important;
    box-sizing: border-box !important;
}

.modal-header {
    font-weight: bold;
}

.modal-header span {
    font-size: 1em;
}

.modal-header i {
    float: right;
}


.modal-approve-oc{
    width: 33%!important;
    height: 405px!important;
    border-radius: 8px;	
}
.modal-approve-oc .modal-header{
    border-bottom: none!important; 
    padding-left: 0px;   	
}
.modal-approve-oc .modal-header h3{
	font-size: 18px;
	font-weight: bolder;
	color: var(--black-color);
    font-family: Lato;
    line-height: 22px;
    padding-left: 0px;	
    margin-left: 0px;
}.modal-approve-oc .modal-body{
	padding: 0px;
}
.modal-approve-oc .modal-body p{
	color: var(--neutral-color-01);
    font-family: Lato;
    font-size: 14px;
    line-height: 17px;	
}
.modal-approve-oc .modal-body textarea{
    width: 100% !important;
    box-sizing: border-box !important;
    resize: none !important;
    border: 1px solid #A4A4A4;
    border-radius: 6px;  
    height: 180px;
    padding: 10px;
    margin-top: 10px;
}
.modal-approve-oc .modal-body > #btnApproveOC{
	margin-right: 0px;
}
.modal-approve-oc .modal-footer{
	border-top: none!important;
	padding-left: 15px!important;
	padding-right: 0px;
	padding-top: 7px;
    bottom: 0 !important;
    right: 0 !important;
    padding-right: 1em;
    width: 100% !important;	
    box-sizing: border-box;
}
.modal-approve-oc .modal-footer .oc-primary-button{
	float: right;
    border-radius: 4px;
    width: 107px;
    height: 32px;
    margin-right: 15px;
}
.modal-approve-oc .modal-footer .oc-primary-button p{
	text-align: center;
	font-weight: bolder;
	margin: 0px;
	margin-top: 3px;
}
.first-block-management-group .ms-drop.bottom > ul{
	max-height: 230px !important;
}
.first-block-management-group .ms-select-all > label{
    margin-bottom: 10px;
}

.group-management__card .ms-drop.bottom > ul{
	max-height: 230px !important;
}

.group-management__card .ms-select-all > label{
	margin-bottom: 10px;
}
#dialog-dashboard-metabase #dashboardFilters{
    align-self: stretch;
    height: 60px;	
    margin-right: 50px;
}
#dialog-dashboard-metabase #supplier,
#dialog-dashboard-metabase #surgeryLocal, 
#dialog-dashboard-metabase #insurance
{
    width: 180px;   
    margin-right: 5px;   
    float: left;
    height: 32px;
}
#dashboard-metabase-title {
    padding: 2px;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    letter-spacing: 0;
    font-weight: normal;
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: none;
}
#dialog-dashboard-metabase {
    /* Framework adiciona via css inline; Para evitar conflito de seletividade com display-none => display: flex; */
    flex-direction: column;
    flex: 1;
    align-self: stretch;
    overflow: hidden;
}
#iframeMetabase {
    height: 100%;
    width: 100%;
}
#metabase-content {
    align-self: stretch;
    flex: 1;
}
.dashboard-dialog-metabase-container .ui-dialog-titlebar{
    display: none !important; 
}
.dashboard-dialog-metabase-container {
    width: 100vw;
    height: calc(100vh - 56px); 
    display: flex;
    flex-direction: column;
}
#dateInterval {
    width: 834px;
    margin-left: 5px;
    float: right;
}
.date.dateIntervalStart .input-group-addon, .date.dateIntervalEnd .input-group-addon{
	  height: 23px;	
}
#dateInterval input {
    width: 80px;
    height: 23px;
}
#dateInterval > .data-title{
	margin-left: 555px;
}
#dateInterval .display-none{
	display: none!important;
}
.dateIntervalStartMargin{
	margin-left: 555px!important;
}
#dateInterval .dateIntervalStart, .input-supplier{
    margin-top: 5px;
}
#dateInterval .dateIntervalStart .bootstrap-datetimepicker-widget {
    position: absolute !important;
    right: 135px !important;
    top: 55px !important;
}
#dateInterval .dateIntervalEnd {
    float: left;
    margin-left: 5px;
}
 #dateInterval .dateIntervalEnd .bootstrap-datetimepicker-widget {
    position: absolute !important;
    right: 5px !important;
    top: 55px !important;
}
.text-capitalize{
	text-transform: capitalize;
}
.label-stats-ok{
	color: #85DC93;
}
.label-stats-refused{
	color:#F64D4D;
}
.label-stats-pending{
	color: #FF871A;
}
.modal-view-file-invoice{
	width: 50%!important;
    height: 90vh!important;   
    border-radius: 4px!important; 
}
.modal-view-file-invoice .modal-header h3{
    text-align: center;
	color: rgba(0, 0, 0, 0.85);
    font-family: Lato;
    font-size: 18px;
    line-height: 22px; 
}
.modal-view-file-invoice .modal-footer{
	overflow: auto;
}
.btn-modal-invoice{
	color: #FFF;
	font-family: Lato;
}
.modal-cannot-view-file-invoice{
	border-radius: 4px!important;	
}
#modalCannotViewFileInvoice .modal-header h3{
	text-align: center;
    color: rgba(0, 0, 0, 0.85);
    font-family: Lato;
    font-size: 18px;    
}
#modalCannotViewFileInvoice .modal-body-content{
	height: 290px;
    background-color: #EDEDED;
    color: #333;
    font-size: 16px;
    text-align: center;
    box-sizing: border-box;
    padding-top: 125px;
} 
#modalCannotViewFileInvoice .modal-body-content p{
	margin: 0px;
	padding: 0px;
}
.btn-modal-invoice > span{
	display: inline-block;
	margin-top: 8px;
}
.btn-modal-invoice-download{
	background-color: var(--white-color) !important;
	color: var(--neutral-color-01) !important;
	border: 1px solid var(--neutral-color-04);
    border-radius: 4px!important;;
}
.btn-modal-invoice-refused{
    background-color: var(--neutral-color-02) !important;
    border-radius: 4px!important;
    color: var(--white-color) !important;
}
.btn-modal-invoice-download > i{
    font-size: 20px;
    position: relative!important;
    top: 7px!important;
    left: 10px!important;;
    color: var(--brand-primary-04);
}
.btn-modal-invoice-validate > i{
    font-size: 19px!important;
    display: inline-block;
    top: 3px!important;
}
.modal-footer .btn-modal-invoice{
	float: right;
	cursor: pointer;
} 
.modal-footer .btn-modal-invoice > i{     
    top: 4px;
} 
.table-invoice{
    color: var(--neutral-color-01);
    font-family: Lato;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;    
    text-align: left;	
}
.table-invoice .file-approved{
	color: var(--feedback-positive-03);
	font-size: 12px;
	text-align: center;
}
.table-invoice .download-file-invoice{
	cursor: pointer;
	color: var(--brand-primary-04);
}
.table-invoice .waiting-approval{
    color: var(--feedback-warning-03);
    font-size: 12px;
    text-align: center;
}

.table-invoice .file-refused {
	color: var(--feedback-alert-03);
    font-size: 12px;
    text-align: center;
}

.table-invoice .invoice-name{
    padding-left:10px;
    text-align:left;
    text-transform: capitalize;
    max-width: 40%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;    	
    text-transform: capitalize;
}
.table-invoice .invoice-observation-active{
	font-size: 15px;	
	color: #9140A9; 
}
.table-invoice .invoice-observation{
    font-size: 15px;
}
.btnUploadSupplierPosSurgery{
	position: relative;
}
.btnUploadSupplierPosSurgery .supplier-file-quantity, .approver-file-quantity,
.purchase-order-observation-indicator {
	position: absolute;
    background-color: var(--feedback-alert-03);
    color: var(--white-color);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    top: -11px;
    left: 13px;
    font-size: 12px;;
}

.btn-approver {
	position: relative;
}

#modaluploadFornecedorPosCirurgico h3{
    color: #000000;
    font-family: Lato;
    font-size: 25px;
    font-weight: 400;
    line-height: 22px;
    width: 371px;
    text-align: left;
}
#modaluploadFornecedorPosCirurgico h3 .mdi-paperclip{  
    color: var(--brand-primary-04);
    font-size: 25px;    
    display: inline-block;    
    float: left;
    font-size: 28px;
    margin-top: 1px;
}
#modaluploadFornecedorPosCirurgico .title{
    margin-left: 5px;
}
#modaluploadFornecedorPosCirurgico .modal-header{
	padding-bottom: 15px!important;
	border-bottom: 2px solid #999999!important;
	
}
#modaluploadFornecedorPosCirurgico .modal-body{
	padding: 30px 48px;
	
}
#modaluploadFornecedorPosCirurgico ol{
	color: #333333;
    font-family: Lato;
    font-size: 18px;
    list-style: none;        	
}
#modaluploadFornecedorPosCirurgico li{
	margin-bottom: 30px;
	overflow: auto;
	min-height: 35px;
}
#modaluploadFornecedorPosCirurgico li .text-file{
	display: inline-block;
	max-width: 70%;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;	
    color: #333333;
    min-width: 50%;
    float: left;
}
#modaluploadFornecedorPosCirurgico li .icon-download-pos{
	font-size: 25px;
    display: inline-block;    
    float: left;
    margin-top: 1px;
    color: #999999;
    cursor: pointer; 
    margin-right: 20%; 
}
#modaluploadFornecedorPosCirurgico li .icon-view-file-pos{
	font-size: 25px;
    display: inline-block;    
    float: right;
    margin-top: 1px;
    color: var(--brand-primary-03);
    cursor: pointer; 
    margin-right: 20%; 
}
.line{
	border: none;
    border-bottom: 2px solid #999999;
}
.colorRedBoxAprover{
	background-color: var(--feedback-alert-03) !important;
	color: var(--white-color) !important;
}
.colorOrangeBoxAprover{
	background-color: var(--feedback-warning-03) !important;
	color: var(--white-color) !important;
}
.colorGreenBoxAprover{
	background-color: var(--feedback-positive-03) !important;
	color: var(--white-color) !important;
}
.modal-ajax-load{
	background-color: transparent!important;	
}
.modal-ajax-load .ui-dialog-titlebar-close{
	background-color: transparent!important;
	border: none!important;
}
.noClickButton{
	pointer-events: none;
    opacity: .5;
}
.noClick{
	pointer-events: none;
}
.dropdown-content{
    background-color: #fff;
    margin: 0;
    display: none;
    min-width: 100px;
    overflow-y: auto;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
#btnDashboard {
    cursor: pointer;
}
#autorenew {
    float: left;
    margin-left: 5px;
}
.align-middle{
	vertical-align: middle;
}
#autorenewMetabaseStart, #autorenewMetabaseStop {
    cursor: pointer;
}
.text-lowercase {
    text-transform: lowercase;
}
.text-capitalize {
    text-transform: capitalize !important;
}
.text-uppercase {
    text-transform: uppercase;
}
#editLink, #closeCommentEdit, #backIndexPrivateChat, #closeCommentPrivateEdit {
    cursor: pointer !important;
}
#cancelLink {
    cursor: pointer;
}
#doneLink {
    cursor: pointer;
}
.li-status-shortcut {
    display: flex !important;
}
.li-status-shortcut label input {
    margin-right: 4px !important;
}

#statusOptions {
    width: 260px; 
    height: 308px; 
    overflow: hidden; 
    background-color: var(--brand-primary-04);
    position: fixed; 
    left: 563px; 
    padding: 1em 0em 3em 1em; 
    color: var(--white-color);
    font-size: 12px; 
    font-weight: bold;
    border-radius: 0px 5px 5px 5px;
    top: 96px;
}
.ul-status-shortcut {
    position: relative;
    overflow: auto;
    height: 280px;
    width: 234px;
    padding: 10px 10px 0px 10px;
}
.add-hidden-status {
    text-align: right;
    margin-right: 15px;
    margin-top: 10px;
}
.modalPagination {
    float: left;
}

.tbody-modal-products tr td {
    padding: 10px 10px 10px 10px !important;
}

.alert-info-icon {
    vertical-align: middle;
    margin-right: 10px;
}

.loadingResultadoBuscaProvidersModalAjax {
    text-align: center;
}

.green-document {
    color: #5CB85C;
}

.red-document {
    color: #D9534F;
}

.yellow-document {
    color: #F0AD4E;
}

.gray-document {
    color: var(--neutral-color-04);
}

.gray-dark-document {
    color: #292C39;
}

.purple-document {
    color: #7D3EA9 !important;
}

#wizardDiv div.well {
    width: 500px;
    height: 120px;
    margin: 20px auto;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-locked {
    cursor: not-allowed !important;
}

#btnModalCancel, .btnCancelEdit, .modalCancelButton,
    #btnCommentModalCancel, .modalCancelRight {
    background-color: var(--neutral-color-02) !important;
    color: var(--white-color) !important;
    font-size: 12px;
    letter-spacing: 0px;
    border: 1px solid var(--neutral-color-02);
    height: 40px;
    min-width: 140px;
    text-transform: capitalize;
    cursor: pointer;
    border-radius: 4px;
}

#btnModalConfirm, .newButton, .newOPMEButton, #btnCommentModalConfirm, button#btnApplyToAll, button#btnCleanAll {
    letter-spacing: 0.8px;
    background-color: var(--brand-primary-04);
    font-size: 12px;
    font-weight: normal;
    color: var(--white-color);
    border: 1px solid var(--brand-primary-04);
    min-width: 140px;
    height: 40px;
    text-transform: capitalize;
    cursor: pointer;
    border-radius: 4px;
}

.newStyle {
    font-size: 13px;
    letter-spacing: 0;
    font-weight: normal;
    color: #984281;
}

a.newLinkStyle, a.newLinkStyleReferencias {
    font-weight: normal !important;
    font-size: 12px;
    cursor: pointer;
}

.newLabel {
    margin-left: 2px !important;
    padding: 6px 10px 6px !important;
    background-color: var(--neutral-color-02) !important;
    font-size: 9px !important;
    letter-spacing: 0 !important;
    font-weight: normal !important;
}

div.marcadores {
    float: left;
    height: 25px;
}

div.marcadores h3 {
    margin-right: 0;
    margin-left: 0;
    padding: 1px;
}

div.marcadores h3 a {
    text-decoration: none;
    color: #FFFFFF;
}

.overflow-hidden {
    overflow: hidden !important;
}

.imagem-logo-opmenexo {
    margin-top: 10px;
    margin-left: 10px;
}

.imagem-logo-bionexo {
    margin-top: 5px;
    margin-right: 10px;
}

.align-image-warning {
    vertical-align: sub;
}

.float-left {
    float: left;
}

.float-left-important {
    float: left !important;
}

.display-none {
    display: none;
}

.display-flex {
    display: flex;
}

.surgery-form__checkbox {
    display: flex;
    margin: 6px 0 20px 0 !important;
    align-items: center;
}

.surgery-form__checkbox span {
    margin-left: 0 !important;
}

.surgery-form__checkbox-wrapper, .attendance-type__wrapper {
    display: flex;
}

.surgery-form__checkbox-wrapper {
    padding-top: 8px;
}

.hospitalization__label {
    margin-left: 42px !important;
    display: block;
}

.hospitalization-date__wrapper {
    width: 182px;
    margin: 6px 0 20px 40px;
}

.surgery-form__checkbox-wrapper div:first-child {
    margin-left: 20px !important;
}

.attendance-type__wrapper {
    height: 50px;
    margin-bottom: 10px;
}

.save-patient__button-wrapper {
    display: flex;
    flex-flow: row-reverse;
    align-items: baseline;
    padding-right: 28px;
}

.display-none-important {
    display: none !important;
}

.display-block {
    display: block;
}

.display-inline-block {
    display: inline-block !important;
}


.display-block-important {
    display: block !important;
}

.validacaoContratos div#dataValidadeAnvisa {
    position: relative;
}

.validacaoContratos div#dataValidadeAnvisa .bootstrap-datetimepicker-widget
    {
    margin-top: 40px;
}

.filtroProcDtProcInicial .bootstrap-datetimepicker-widget {
    margin-top: 40px;
}

#dadosOrcamento .tituloOrcamentoPdc {
    width: 300px;
    float: left;
}

#dadosOrcamento .tituloOrcamentoPdc input {
    width: 290px;
    margin: 12px 0 20px 0;
}

#dadosOrcamento .dataVencimentoOrcamentoPdc {
    margin-left: 15px;
    width: 490px;
    float: left;
}

#dadosOrcamento .enderecoOrcamentoPdc {
    width: 450px;
    float: left;
}

#dadosOrcamento .enderecoOrcamentoPdc input#textoEnderecoEntrega {
    width: 300px;
    pointer-events: none;
}

#dadosOrcamento .tipoOrcamentoPdc {
    margin-left: 15px;
    width: 310px;
    float: left;
}

#dadosOrcamento .tipoOrcamentoPdc input {
    margin: 10px 20px 10px 5px;
}

.bootstrap-datetimepicker-widget {
    z-index: 99999999 !important;
}

#modalImprimir, #modalImprimir .modal-body {
    background-color: #FFFFFF !important;
}

#modalImprimir .modal-header h1 {
    font-size: 14px;
    letter-spacing: 0;
    font-weight: normal;
}

#modalImprimir .modal-body {
    background-color: #FFFFFF !important;
}

.margin-left-none {
    margin-left: 0 !important
}

.icon-pencil, .icon-trash, .icon-close {
    cursor: pointer;
}

tr.trExibeContratos {
    display: none;
}

td.conteudoContratos {
    padding-top: 0 !important;
}

#contratosProdutoHospital table {
    width: 100%;
}

#contratosProdutoHospital table thead tr {
    border: none;
}

#contratosProdutoHospital table thead tr td {
    font-weight: bold;
}

#esqueciForm #btnVoltarEnviarSenha {
    margin-right: 12px;
}

.spanMail {
    font-size: 15px;
    color: #999999;
}

.loadingResultadoBuscaAjax {
    text-align: center;
    margin: 0 auto;
    height: auto;
}

.contentFormAdjusts {
    padding: 20px;
}

#esqueciForm p.texto {
    font-size: 12px;
}

#erro .mensagemErro {
    position: absolute;
    width: 468px;
    margin-left: -250px;
    left: 50%;
    top: 100px;
}

#erro .mensagemErro .corrido {
    padding-bottom: 18px;
}

#duvida {
    position: absolute;
    top: 201px;
    z-index: 2;
    width: 465px;
    margin-left: -240px;
    left: 50%;
}

div#login .ocultarMenu img {
    cursor: pointer;
}

.userOnline {
    padding-top: 10px;
    padding-left: 10px;
}

div#mainContent {
    height: 500px;
    visibility: hidden;
}

div#institucional {
    width: 720px;
    margin-left: auto;
    margin-right: auto;
}

div#conteudo {
    left: 0px;
    width: 100%;
}

div#esq {
    float: left;
    width: 140px;
    margin-right: 3px;
}

div#miolo {
    left: 140px;
    width: auto;
}

div#rodape {
    float: left;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
}

#topmenu {
    height: 25px;
    text-align: center;
    background-color: #000000;
}

#topmenu ul {
    padding: 0;
    list-style: none;
}

#topmenu li {
    font-size: 12px;
    margin: 0;
    float: left;
    height: 25px;
    padding: 0;
}

#topmenu a:link, #topmenu a:visited {
    display: block;
    float: left;
    line-height: 25px;
    height: 25px;
    padding: 0 15px;
    color: #ffffff;
    border-right: 1px solid #ffffff;
    border-bottom: 0;
}

#topmenu a:hover {
    border-right: 1px solid #fff;
    text-decoration: none;
    border-bottom: 0;
    background-color: #984281;
}

a.sort-asc {
    background-image: url(../img/sort-asc.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 15px;
}

a.sort-desc {
    background-image: url(../img/sort-desc.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 15px;
}

a.link_ordem {
    color: #954281;
    text-decoration: none;
}

a.link_ordem:hover {
    text-decoration: none;
}

.titulo a span {
    display: none;
    position: absolute;
    margin: 0;
    color: #000;
    top: 0px;
    left: -200px;
    padding: 0px;
    height: 15px;
    width: 19px;
}

.titulo a:hover span {
    display: block;
}

.alerta-warning {
    background-color: #ffffef;
    border: 1px solid #E3E3E3;
    color: #999999;
    margin: 15px 0;
    padding: 10px;
}

.alerta-amarelo {
    background-color: #ffffef;
    border: 1px solid #ffdb4f;
    color: #ff730b;
    margin: 15px 0;
    padding: 10px;
}

.alerta-vermelho {
    background-color: #FFF4F8;
    border: 1px solid #FF9EBC;
    color: #FF0044;
    margin: 15px 0;
    padding: 10px;
}

.alerta-azul {
    background-color: #F7FDFD;
    border: 1px solid #D5EDF2;
    color: #3AACCD;
    margin: 15px 0;
    padding: 10px;
}

.alerta-roxo {
    background-color: #E2CDDD;
    border: 1px solid #A05F90;
    color: #401F3E;
    margin: 15px 0;
    padding: 10px;
}

.passoATUAL {
    color: #954281;
}

.passoANTERIOR {
    color: #d5bccf;
}

.passoPROXIMO {
    color: #d5bccf;
}

.ui-autocomplete-loading {
    background: white url('../img/autocomplete/ui-anim_basic_16x16.gif')
        right center no-repeat;
}

.starRequired {
    color: var(--feedback-alert-03) !important;
    font-size: 20px;
}

.edit-patient-name .starRequired {
    font-size: 13px;
}

.divInputWizard {
    margin: 10px 15px 10px 5px;
    float: left;
    width: 200px;
}

.divInputWizard div {
    float: left;
}

.divInputWizard label {
    width: 80px;
    line-height: 0;
    padding-top: 13px;
}

.divInputWizard input {
    width: 300px;
}

.divInputWizard select {
    width: 310px;
}

.divInputWizard.filtro div {
    float: none;
}

.divInputWizard.filtro div.float-left-important {
    float: left !important;
}

.divInputWizard.filtro label {
    width: 200px;
}

.divInputWizard.filtro input {
    margin-top: 10px;
    width: 190px;
    float: none;
}

.divInputWizard.doubleSize {
    min-width: 500px;
}

.divInputWizard.filtro.doubleSize label {
    width: 420px;
}

.divInputWizard.filtro.doubleSize input {
    margin-top: 10px;
    width: 420px;
    float: none;
}

.divInputWizard.filtro select {
    margin-top: 10px;
    width: 200px;
    float: none;
}

.divInputWizard div.date input {
    float: left;
    width: 163px;
}

.divInputCheckBox {
    float: left;
    width: 200px;
    margin:10px 15px 10px 5px; 
    min-width: 500px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
}


select.inputWizard {
    width: 310px;
}

.camposobrigatorios {
    color: #FF0000;
    font-size: 8pt;
    float: right;
}

.linhaTimelinePrimeira {
    width: 50%;
    right: 0px;
    background-color: #d5bccf;
    z-index: -1;
    height: 2px;
    margin-top: 45px;
    position: absolute;
}

.linhaTimeline {
    width: 100%;
    background-color: #d5bccf;
    z-index: -1;
    left: 0px;
    height: 2px;
    margin-top: 45px;
    position: absolute;
}

.linhaTimelineUltima {
    width: 50%;
    background-color: #d5bccf;
    z-index: -1;
    left: 0px;
    height: 2px;
    margin-top: 45px;
    position: absolute;
}

.passoTimeline {
    width: 140px;
    height: 50px;
    float: left;
    margin: 10px 0px 25px 0px;
    margin-bottom: 45px;
    text-align: center;
    z-index: 3;
    position: relative;
}

.lista {
    margin: 10px;
}

.lista tr {
    height: 30px;
}

.lista th, .lista td {
    text-align: center !important;
}

.lista tr th {
    font-weight: normal;
    color: var(--brand-primary-03);
    background-color: var(--brand-primary-05);
}

.zebra-striped-manual {
    background-color: #eeeff1;
}

.zebra-striped-manual tr {
    border-top: 1px solid #ddd;;
}

.zebra-striped {
    background-color: var(--neutral-color-05);
}

.zebra-striped tr {
    border-top: 1px solid #ddd;;
}

.zebra-striped tr:nth-child(odd) td, .zebra-striped tr:nth-child(odd) {
    background-color: var(--neutral-color-06);
}

.zebra-striped tr:hover td, .zebra-striped tr:hover {
    background-color: var(--neutral-color-06);
}

.zebra-striped-manual tr:hover td, .zebra-striped-manual tr:hover {
    background-color: #f5f5f5;
}

.zebra-striped_manual  .impar {
    background-color: #f9f9f9;
}

.zebra-striped_manual  .par {
    background-color: #ddd;
}

#loadingDiv {
    display: none;
    width: 100%;
    position: fixed;
    top: 50%;
    text-align: center;
}

.loadingModalDivLoader {
    width: 100%;
    margin-top: 60px;
    margin-bottom: 60px;
}

.cursorHand {
    cursor: pointer;
}

.removeCursorHand {
    cursor: default !important;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

.selecFornecedorOrcamento {
    font-size: 8pt;
    width: 140px;
}

.modalDetalhes table tr th {
    text-align: right;
    padding-right: 10px;
    padding-bottom: 10px;
    width: 180px;
}

.modalDetalhes table tr td {
    text-align: left;
    padding-left: 10px;
    width: 200px;
    padding-bottom: 10px;
}

.dashedContainer {
    width: 400px;
    float: left;
    margin: 20px 20px 20px 10px;
}

.dashedContainer .dashedBox {
    border-style: dashed;
    border-width: 1px;
    border-color: #CCCCCC;
    width: 100%;
}

.dashedContainer .dashedButton {
    float: right;
    position: relative;
    top: -15px;
    height: 30px;
    width: 30px;
    margin-right: 60px;
}

.btnSalvarGif {
    background-image: url(../img/ajax-loader-btn-purple.gif) !important;
    background-repeat: no-repeat !important;
    background-position: 65px 5px !important;
    width: 90px !important;
    text-align: left !important;
    padding-left: 20px !important;
}

.miniListar tr {
    height: 10px;
    line-height: 20px;
}

.miniListar tr th, .miniListar tr td {
    height: 10px;
    line-height: 20px;
    padding: 0px;
}

.miniListar tr th {
    width: 60px;
}

.subtitle {
    margin-top: 15px;
    padding: 8px;
    border: 1px solid rgb(204, 204, 204);
    background-color: #dfdfdf;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.subtitle-item {
    margin-right: 20px;
    float: left;
}

.subtitle-title {
    margin-right: 20px;
    font-weight: bold;
    float: left;
}

.miniListar tr td {
    width: 100px;
}

.btn-options-solicitacao .btn {
    min-width: 25px !important;
    width: 25px;
    padding: 3px;
    margin: 0px;
}

.internaDesconto {
    padding: 10px 5px 5px 5px;
}

.striped-table tbody tr:nth-child(2n+1) {
    background-color: #F6F6F6;
}

.pink-border {
    border: 1px solid #B962A4 !important;
}

.intervention-purple .intervencao-transicao {
    padding: 5px 55px 10px 35px;
}

.intervention-purple {
    background-color: var(--brand-primary-04) !important;
    color: var(--brand-primary-05) !important;
}

.image-border-transition {
    border: 5px solid #9B74C5;
}

.intervention-purple .title {
    font-size: 36px !important;
    font-weight: bold !important;
}

.intervention-purple .text {
    font-size: 16px !important;
}

.intervention-purple .textWhite {
    font-size: 16px !important;
    color: #FFFFFF !important;
}

.intervention-purple .buttonConfirm, button.btnProximaIntervencao {
    -moz-box-shadow: 0px 2px 4px 0px #000000;
    -webkit-box-shadow: 0px 2px 4px 0px #000000;
    box-shadow: 0px 2px 4px 0px #000000;
    background-color: var(--white-color);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #000000;
    display: inline-block;
    cursor: pointer;
    color: var(--brand-primary-04);
    padding: 10px 35px 10px 35px;
    font-family: 'Lato';
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}

.login-concept-user-data {
    width: 340px;
    height: 100vh;
    position: fixed;
    right: 0;
    top: 0;
    background-color: #FFFFFF;
    padding-bottom: 15px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
}

#login-concept-icon i.material-icons {
    color: #FFFFFF;
}

input.inputTextTableSmall {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #B9B7B7;
    width: 80px;
    text-align: left;
    color: #666666 !important;
    font-size: 11px !important;
    letter-spacing: 0px !important;
    font-weight: normal !important;
    background-color: #EFEFED !important;
    border-radius: 8px !important;
    margin-left: 10px !important;
    padding: 0px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

input.inputTextTableSmall-no-margin {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #B9B7B7;
    width: 80px;
    text-align: left;
    color: #666666 !important;
    font-size: 11px !important;
    letter-spacing: 0px !important;
    font-weight: normal !important;
    background-color: #EFEFED !important;
    border-radius: 8px !important;
    padding: 0px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

input.inputNumberTableSmall {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #B9B7B7;
    width: 60px;
    text-align: right;
    color: #666666 !important;
    font-size: 11px !important;
    letter-spacing: 0px !important;
    font-weight: normal !important;
    background-color: #EFEFED !important;
    border-radius: 8px !important;
}

.searchButton {
    letter-spacing: 0.8px;
    background-color: #34CDD7;
    padding: 1px 2px 2px 2px;
    font-weight: normal;
    color: #FFFFFF;
    border-radius: 6px;
    border: none;
    min-width: 120px;
    height: 30px;
}

div.modal-content-count {
    width: 500px;
    margin-top: 15px;
    font-size: 11px;
}

.modal-table-content {
    table-layout: fixed;
    border-collapse: collapse;
}

.intervention-purple .aLink {
    font-family: 'Lato';
    font-size: 16px;
    font-weight: normal;
    color: var(--brand-primary-05);
    cursor: pointer;
    text-decoration: none;
}

#interventionButtons .btnProximaIntervencao {
    margin-bottom: 10px;
}

#acceptInterventionPosHospital {
    color: whitesmoke;
}

.login-user-icon {
    font-size: 13px;
    color: #7D3EA9;
}

#login-concept .login-user-info {
    float: left;
    padding-right: 10px;
    margin-top: 5px;
    color: whitesmoke;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    letter-spacing: 0px;
    font-weight: normal;
}

#triangule-menu-pointer {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid whitesmoke;
    z-index: 100;
    left: -15px;
    text-align: left;
    position: absolute;
    padding: 0;
    margin: 0;
    top: 5px;
}

#menu-concept {
    visibility: hidden;
    opacity: 0;
    display: none;
    width: 320px;
    text-align: left;
    position: absolute;
    z-index: 99999;
    left: 0;
    background-color: var(--brand-primary-04);
    padding-bottom: 30px;
}

.menu-concept-active {
    visibility: visible !important;
    opacity: 1 !important;
    transition: opacity 0.5s;
    height: auto !important;
    display: block !important;
}

.menu-bullet-active {
    -webkit-transform: rotate(90deg) !important;
    -moz-transform: rotate(90deg) !important;
    -o-transform: rotate(90deg) !important;
    -ms-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important;
    display: inline-block;
}

#menu-concept h3 {
    width: 96%;
    color: var(--brand-primary-01);
    letter-spacing: 0px;
    font-weight: normal;
    font-size: 13px;
    padding: 10px 0 10px 22px;
    margin-top: 18px;
}

#menu-concept h3 i.material-icons {
    vertical-align: bottom;
}

#menu-concept h3 label {
    font-size: 16px;
    margin-left: 5px;
}

.glyphicon {
    vertical-align: sub;
}

.edit-patient-name .glyphicon  {
    top: 5px !important;
}

.edit-patient-name .surgery-site__input-wrapper .glyphicon  {
    top: 0px !important;
}

#menu-concept h3 span.menu-bullet {
    font-size: 20px;
    padding: 0;
    margin: 3px;
}

#menu-concept ul li {
    cursor: pointer;
    padding: 10px 10px 5px 20px;
    text-align: left;
    font-size: 12px;
}

#menu-concept ul li a {
    text-decoration: none;
    padding: 10px;
    text-align: left;
    color: var(--white-color);
    font-family: 'Lato', sans-serif;
    letter-spacing: 0px;
    font-weight: normal;
    font-size: 14px;
}

.entity-title {
    position: absolute;
}

#patient-data-concept {
    position: fixed;
    width: 670px;
    right: 0;
    top: 0;
    background-color: #FFFFFF;
    padding-bottom: 15px;
    z-index: 101;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.login-concept-user-data .login-user-icon {
    font-size: 34px;
}

.box-pre-order tbody tr td {
    padding-left: 18px;
}

.box-pre-order thead tr th:nth-child(2) {
    text-align: right;
}

x  
.login-concept-user-data #login-concept-icon i.material-icons {
    font-size: 64px;
}

.login-concept-user-data div.edit-header {
    height: 200px;
    min-height: 200px;
    padding-bottom: 13px;
}

.login-concept-user-data .user-data-name-email {
    position: absolute;
    top: 88px;
    text-align: center;
    left: 0;
    width: 85%;
    padding-left: 48px;
}

.login-concept-user-data .user-data-name-email h2 {
    font-size: 15px;
}

.login-concept-user-data .user-data-name-email h3 {
    font-weight: 100;
    margin-top: -10px;
}

.login-concept-user-data #login-concept-icon {
    position: absolute;
    margin-top: 25px;
    margin-left: 145px;
    width: 56px;
    height: 51px;
}

.edit-patient-name {
    overflow-y: auto;
    overflow-x: hidden;
}

.patient-data__section, .surgery-data__section, .doctor-data__section {
    margin-top: 40px;
}

#comment-concept, #choose-supplier-concept, #comment-supplier-concept, #unread-messages, #privateMessages {
    position: fixed;
    height: 100vh;
    right: 0;
    top: 0;
    background-color: #FFF;
    padding-bottom: 15px;
    z-index: 101;
    max-width: 80%;
    min-width: 390px;
}

#unread-messages, #privateMessages {
    text-align: left;
}

.headerSpanNewOrder {
    vertical-align: super;
    margin-left: 6px;
    font-size: 14px;
    font-weight: bold;
    color: var(--brand-primary-04) !important;
}

.edit-user-configuration {
    text-align: left;
    background-color: var(--white-color);
    overflow-y: auto;
    flex-grow: 1;
}

.edit-patient-name label {
    color: var(--primary-color);
    font-size: 17px;
    margin-left: 24px;
}

.edit-user-configuration label {
    color: var(--brand-primary-04);
    font-size: 15px;
    margin: 20px 0 20px 24px;
    display: block;
}

.surgery-site__input-wrapper {
    display: inline-block;
    border: 1px solid #9E9E9E !important;
    width: 39%;
    height: 34px;
    border-radius: 4px !important;
    box-sizing: border-box !important;
    margin-left: 25px;
}

.edit-patient-name .surgery-site__input-wrapper #surgerySite {
    border: none !important;
    margin: 0;
    width: 220px !important;
    height: 33px !important;
}

.inputPatientData {
    width: 200px;
    border-radius: 4px;
    height: 28px;
    margin: 6px 0 0 24px;
    font-size: 12px;
    color: #464956;
}

.gi-1x {
    font-size: 1em;
}

.gi-2x {
    font-size: 2em;
}

.gi-3x {
    font-size: 3em;
}

.gi-4x {
    font-size: 4em;
}

.gi-5x {
    font-size: 5em;
}

.data-block {
    background-color: #F7F7F7;
    padding: 10px 0 0 17px;
}

.edit-user-configuration ul.menu__legal-and-privacy {
    /* padding: 10px 0 0; */
    /* margin-top: 0;
    margin-bottom: 10px; */
}
.edit-user-configuration ul.menu__legal-and-privacy li {
    /* padding: 10px 0 10px 25px; */
}

.edit-user-configuration ul.menu__legal-and-privacy li span {
    background-color: var(--white-color);
    color: var(--brand-primary-04);
}

.edit-user-configuration hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    margin-top: -20px;
    margin-left: 10px;
    margin-right: 10px;
}

.edit-user-configuration ul {
    padding: 10px 0 20px 25px;
    background-color: #FFFFFF;
    margin-top: 11px;
    margin-bottom: 5px;
}

.edit-user-configuration ul li {
    padding-top: 15px;
}

.edit-user-configuration ul li a {
    color: var(--neutral-color-02);
}

div.edit-header {
    background-color: var(--brand-primary-04);
    color: var(--white-color);
    height: 56px;
}

.patient-data-header {
  height: 46px !important;
}

.edit-header h2 {
    padding-top: 15px;
    color: var(--white-color);
    font-family: 'Lato', sans-serif;
    letter-spacing: 0px;
    font-weight: normal;
    font-size: 18px;
}

.edit-header h2.smaller {
    display:inline-flex;
    width: 68px;
}

.optionsEdit {
    font-size: 13px;
    border: 1px solid var(--neutral-color-05);
    padding: 15px 13px 13px 20px;
    background-color: var(--white-color);
    width: 180px;
    margin-left: -215px;
    margin-top: 15px;
    -webkit-box-shadow: 2px 1px 1px 0px var(--neutral-color-05);
    /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 2px 1px 1px 0px var(--neutral-color-05); /* Firefox 3.5 - 3.6 */
    box-shadow: 2px 1px 1px 0px var(--neutral-color-05);
    position: absolute;
}

.optionsOrderBy-urgent, .optionsOrderBy-elective, .optionsOrderBy-done {
    font-size: 13px;
    border: 1px solid #E0DCDC;
    padding: 15px 14px 14px 25px;
    background-color: #FFFFFF;
    width: 275px;
    margin-left: -265px;
    margin-top: -5px;
    -webkit-box-shadow: 2px 1px 1px 0px #ccc;
    -moz-box-shadow: 2px 1px 1px 0px #ccc;
    box-shadow: 2px 1px 1px 0px #ccc;
    position: absolute;
    z-index: 1;
}

.loadingAnimated {
    margin: 0 auto;
    text-align: center;
    color: #292C39;
}

table.listSearchSupplier tbody tr td {
    text-align: center;
    padding: 10px 5px 10px 5px;
}

a.config-info-user {
    margin-left: -29px;
}

a.config-info-user-exit {
    color: #FFFFFF !important;
    font-weight: 100;
    font-size: 14px;
    position: absolute;
    top: 68px;
    margin-left: -26px
}

a.config-info-user i.material-icons {
    color: #FFFFFF;
    margin-top: 10px;
}

#btnSaveFile, #btnCancelFile {
    float: left;
}

#btnSaveFile .section-add-button, #btnCancelFile .section-add-button,
    .section-see-order {
    width: 144px;
}

#contentFileToList {
    overflow-y: auto;
    margin-right: 10px;
    margin-bottom: 15px;
    height: 225px;
}

.edit-header i#closePatientDataEdit, i#closeUserInfoConfig {
    float: left;
    margin-top: 16px;
    margin-right: 13px;
    margin-left: 20px;
    vertical-align: text-top;
    font-size: 21px;
    cursor: pointer;
}

#btnBuscarEnderecoEntrega {
    border-radius: 34px;
    padding: 7px 0px 7px 0px;
    height: 32px;
    min-width: 120px;
}

#tableListaTransacoesCompra {
    margin-left: 23px !important;
    width: 97.5% !important;
}

.modalOPME {
    width: 890px;
    height: 50px;
}

.modalOPME-sem-filtro {
    width: 890px;
    height: 0px;
}

.divLarge {
    width: 450px;
    float: left;
}

.divFull {
    width: 100%;
    padding: 10px;
    float: left;
}

.divMedium {
    width: 300px;
    float: left;
}

.divSmall {
    width: 150px;
    float: left;
}

.divButtonSmall {
    float: right;
    width: 150px;
    padding-top: 18px;
}

select.selectSearchMedium {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #B9B7B7;
    width: 280px;
    color: #666666 !important;
    font-size: 11px !important;
    letter-spacing: 0px !important;
    font-weight: normal !important;
    background-color: #EFEFED !important;
    padding: 6px !important;
    border-radius: 8px !important;
    margin-top: 5px !important;
    height: 31px;
}

select.selectSearchSmall {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #B9B7B7;
    width: 140px;
    color: #666666 !important;
    font-size: 12px !important;
    letter-spacing: 0px !important;
    font-weight: normal !important;
    padding: 6px !important;
    border: 1px solid #9E9E9E;
    border-radius: 4px !important;
    height: 34px;
}

.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.not-grow-column {
    max-width: 0;
}

select.selectSearchUf {
    width: 50px;
    color: #666666 !important;
    font-size: 11px !important;
    letter-spacing: 0px !important;
    font-weight: normal !important;
    padding: 6px !important;
    border: 1px solid #9E9E9E !important;
    border-radius: 4px !important;
    height: 34px;
    margin-bottom: 16px;
}

select.selectDiscountType {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #B9B7B7;
    width: 50px;
    color: #666666 !important;
    font-size: 12px !important;
    letter-spacing: 0px !important;
    font-weight: normal !important;
    padding: 6px !important;
    border: 1px solid #9E9E9E;
    border-radius: 4px !important;
    height: 34px;
}

input.inputSearchLarge {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #B9B7B7;
    width: 420px;
    color: #666666 !important;
    font-size: 11px !important;
    letter-spacing: 0px !important;
    font-weight: normal !important;
    background-color: #EFEFED !important;
    padding: 6px !important;
    border-radius: 8px !important;
    margin-top: 5px !important;
}

input.inputSearchMedium {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #B9B7B7;
    width: 280px;
    color: #666666 !important;
    font-size: 11px !important;
    letter-spacing: 0px !important;
    font-weight: normal !important;
    background-color: #EFEFED !important;
    padding: 6px !important;
    border-radius: 8px !important;
    margin-top: 5px !important;
}

input.inputTextTableSmall {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #B9B7B7;
    width: 80px;
    text-align: left;
    font-family: 'Lato', sans-serif !important;
    color: #666666 !important;
    font-size: 11px !important;
    letter-spacing: 0px !important;
    font-weight: normal !important;
    background-color: #EFEFED !important;
    border-radius: 8px !important;
    font-family: 'Lato', sans-serif !important;
    margin-left: 10px !important;
    padding: 0px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

input.inputTextTableSmall-no-margin {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #B9B7B7;
    width: 80px;
    text-align: left;
    font-family: 'Lato', sans-serif !important;
    color: #666666 !important;
    font-size: 11px !important;
    letter-spacing: 0px !important;
    font-weight: normal !important;
    background-color: #EFEFED !important;
    border-radius: 8px !important;
    font-family: 'Lato', sans-serif !important;
    padding: 0px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

input.inputNumberTableSmall {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #B9B7B7;
    width: 60px;
    text-align: right;
    font-family: 'Lato', sans-serif !important;
    color: #666666 !important;
    font-size: 11px !important;
    letter-spacing: 0px !important;
    font-weight: normal !important;
    background-color: #EFEFED !important;
    border-radius: 8px !important;
    font-family: 'Lato', sans-serif !important
}

.searchButton {
    letter-spacing: 0.8px;
    background-color: #34CDD7;
    padding: 1px 2px 2px 2px;
    font-weight: normal;
    color: #FFFFFF;
    border-radius: 6px;
    border: none;
    min-width: 120px;
    height: 30px;
}

div.modal-content-count {
    width: 500px;
    margin-top: 15px;
    font-size: 11px;
}

.modal-table-content {
    table-layout: fixed;
    border-collapse: collapse;
    width: 848px;
}

.modal-table-content thead tr {
    display: block;
    position: relative;
}

.modal-table-content tbody {
    display: block;
    overflow: auto;
    width: 100%;
    height: 300px;
}

table.modal-table-content {
    margin-top: 10px;
    width: 100%;
}

table.modal-table-content tbody tr {
    background-color: #ECECEC;
}

table.modal-table-content tbody tr td.checkbox {
    border-left: 1px solid #BFBFBF;
    padding-top: 10px;
}

table.modal-table-content tbody tr td.spacer {
    background-color: #D8D8D8;
    height: 4px;
    padding: 0;
}

table.modal-table-content thead tr th {
    padding: 5px 0px 5px 0px;
}

table.modal-table-content tbody tr td {
    padding: 10px 0px 5px 0px;
}

table.table-content {
    letter-spacing: 0.5px;
    font-weight: normal;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-right: 3px;
    margin-left: 3px;
    width: 99%;
    box-shadow: 0px 1px 3px 1px #bab2b2;
}

table.table-content td {
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    color: #393B42;
    font-size: 11px;
}

table.table-content .head {
    padding: 9px;
    width: 100%;
}

table.table-content thead tr th {
    font-weight: bold;
    text-align: -internal-center;
    padding: 10px 0px 10px 0px;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
}

table.table-content tr {
    background-color: #FFFFFF;
}

table.table-content tr.last {
    border-bottom: 2px solid #CCCCCC;
}

.input.inputNumberTableMedium td {
    text-align: left;
    padding-left: 0;
    padding-top: 3px;
    padding-bottom: 6px;
    border-radius: 6px;
    width: 90px;
}

table.table-content tr td hr {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 25px;
    margin-right: 30px;
    border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
}

.box-pre-order {
    background: #FFF;
    width: 100%;
    padding: 10px;
}

.box-pre-order thead tr th {
    text-align: left;
    background-color: #F1F1F1;
}

.box-pre-order thead tr th:nth-child(2) {
    text-align: right;
}

.buttonEditAndSaveNewOrder {
    width: 80px;
    margin-right: 10px;
    margin-left: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.button-shortest-size {
    width: 60px;
    margin-right: 10px;
    margin-left: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 2px;
}

table.listSearchSupplier tbody tr td {
    text-align: center;
    padding: 10px 5px 10px 5px;
}

.button-short-size {
    width: 80px;
    margin-right: 10px;
    margin-left: 5px;
    margin-bottom: 5px;
    margin-top: 10px;
    padding: 2px;
}

.button-medium-size {
    width: 100px !important;
    margin-right: 10px;
    margin-left: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 2px;
}

.button-medium-size-no-margin-top-bottom {
    width: 100px !important;
    margin-right: 10px;
    margin-left: 5px;
}

.button-large-size {
    width: 140px !important;
    margin-right: 10px;
    margin-left: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 2px;
}

#btnSaveFile, #btnCancelFile {
    float: left;
}

.button-large-size-no-margin-top-bottom {
    width: 140px !important;
    margin-left: 5px;
    padding: 2px;
}

.iconTHNewOrder {
    margin-left: 10px;
}

.titleSpanNewOrder {
    font-weight: bold;
}

.headerSpanNewOrder {
    vertical-align: super;
    margin-left: 6px;
    font-size: 15px;
    font-weight: bold;
}

.box-pre-order tbody td span {
    display: inline;
    font-weight: bold;
    background-color: var(--white-color);
    font-size: 12px;
}

.spanDataOrder {
    font-weight: normal !important;
}

.gi-1x {
    font-size: 1em;
}

.gi-2x {
    font-size: 2em;
}

.gi-3x {
    font-size: 3em;
}

.gi-4x {
    font-size: 4em;
}

.gi-5x {
    font-size: 5em;
}

.data-block {
    background-color: #F1F1F1;
    padding-top: 10px;
    width: 100%;
}

.data-highlighed-block {
    background-color: #FFFFFF;
    width: 100%;
}

.title-header {
    text-align: left;
    font-weight: bold;
    display: inline-block !important;
    margin-top: 13px;
    margin-left: 10px;
}

.title-header-chat {
    background-color: #F1F1F1;
    text-align: left;
    font-weight: bold;
    display: inline-block !important;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 10px;
}

.title-header-markers {
    text-align: left;
    font-weight: bold;
    display: inline-block !important;
    margin-top: 7px;
    margin-left: 10px;
}

.header-markers {
    height: 20px;
    background-color: #FFFFFF;
}

.full-header {
    width: 100%;
    height: 42px;
    background-color: #FFFFFF;
}

.full-content-line-no-margin {
    width: 100%;
    height: 23px;
}

.full-content-line {
    height: 30px;
    margin-left: 5px;
    margin-right: 5px;
}

.full-content-line .btn, .full-content-line .btn.primary{
    min-width: 0px; 
}

.full-content-line .material-foward{    
    background-color: red!important;
    border-color: red!important;    
}
.full-content-line .material-foward > i{
    transform: rotate(180deg);  
}
.full-content-line .material-send{
    background-color: var(--feedback-positive-03) !important;
    border-color: var(--feedback-positive-03) !important;
}

.btn.primary.footer-confirm {
    background-color: #26D11E;
    border-color: #26D11E;
}
.btn.primary.footer-disabled {
    background-color: gray;
    border-color: gray;
    opacity: 1;
}
.content-line-to-left-bold {
    text-align: left;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    display: inline-block !important;
    height: 30px;
    margin-top: 10px !important;
    margin-bottom: 5px !important;
    margin-right: 25px !important;
    margin-left: 6px !important;
    letter-spacing: 0;
    font-size: 16px;
}

.content-line-to-left {
    text-align: left;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    display: inline-block !important;
    height: 30px;
    margin-top: 10px !important;
    margin-bottom: 5px !important;
    margin-right: 25px !important;
    margin-left: 6px !important;
    letter-spacing: 0;
}

.content-line-to-left-no-margin {
    text-align: left;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    display: inline-block !important;
    height: 30px;
    padding-top: 5px;
}

.content-line-to-left-no-margin .btn-cancel-surgery, .content-line-to-left-no-margin .btn-reopen-surgery{
    background-color: var(--neutral-color-03) !important;
    border-color: var(--neutral-color-03) !important;
}
.content-line-to-left-no-margin .btn-cancel-surgery > i{
    color: var(--white-color) !important;
}
.content-line-to-right {
    float: right;
    height: 30px;
    display: inline !important;
    margin-top: 10px !important;
    margin-bottom: 5px !important;
    margin-right: 6px !important;
    margin-left: 25px !important;
}

.content-line-to-right-margin {
    float: right;
    display: inline !important;
    height: 30px;
    padding-top: 5px;
    margin-right: 35px;
}

.content-line-to-right-margin button, .content-line-to-left-no-margin button{
    margin-left: 5px;
    margin-right: 5px;  
}

#divPatientName {
    font-size: 15px;
    font-weight: normal;
    width: auto;
}

.content-color-black {
    color: #292C39;
}

#aAccessRequest, #aPublish {
    font-size: 14px;
    font-weight: normal;
}

#spanInQuotation {
    font-size: 15px;
    margin-left: 170px;
}

.content-color-green {
    color: green;
}

.content-color-light-blue {
    color: #00CED5 !important;
}

.content-background-color-dark-gray {
    background-color: #555555 !important;
    border: 1px solid #C1C1C1 !important;
    color: #FFFFFF !important;
}

.content-background-color-gray {
    background-color: #F1F1F1 !important;
    border: 1px solid #C1C1C1 !important;
    color: #C1C1C1 !important;
}

.content-background-color-gray-and-black {
    background-color: #C1C1C1 !important;
    border: none !important;
    color: #000 !important;
    border-radius: 0.5em !important;
    margin-right: 0.5em;
    font-weight: bold;
}

.content-background-color-blue-white {
    background-color: var(--brand-primary-04) !important;
    border: none !important;
    color: var(--white-color) !important;
    border-radius: 0.5em !important;
    margin-right: 0.5em;
    font-weight: bold;
}

.content-background-color-light-blue {
    background-color: #00CED5 !important;
}

.content-background-color-red {
    background-color: red !important;
    border: 1px solid red !important;
}

.content-shortest-height {
    height: 30px !important;
}

.content-shortest-to-short-height {
    height: 45px !important;
}

.content-short-height {
    height: 60px !important;
}

.content-short-to-medium-height {
    height: 80px !important;
}

.content-medium-height {
    height: 120px !important;
}

.content-large-height {
    height: 240px !important;
}

.content-huge-height {
    height: 480px !important;
}

.content-shortest-width {
    width: 60px !important;
}

#aPrintAuthorizationForm {
    font-size: 12px;
    font-weight: normal;
    margin-left: -10px;
    background-color: #EEEEEE;
    padding: 13px 12px 10px 0;
}

#aPrintAuthorizationForm i {
    vertical-align: middle;
    margin-right: 3px;
    margin-left: 6px;
}

#aGenerateQuotation {
    font-size: 16px;
    font-weight: normal;
}

#aGenerateQuotation:hover, #aPrintAuthorizationForm:hover {
    text-decoration: none;
}

#identifierNewOrder {
    font-size: 16px;
    font-weight: normal;
}

.content-shortest-to-short-width {
    width: 80px !important;
}

.content-short-width {
    width: 120px !important;
}

.content-medium-width {
    width: 180px !important;
}

.content-large-width {
    width: 240px;
}

.to-right {
    float: right !important;
    margin-right: 12px;
}

.to-bottom {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99;
}

.highlighted-content-of-grid {
    background-color: #E4E4E4 !important;
    align: center;
    width: 97%;
    height: 24px;
    padding: 0px !important;
    padding-left: 20px !important;
    padding-right: 10px !important;
}

.highlighted-content-of-grid-no-spacing {
    background-color: #E4E4E4 !important;
    align: center;
    width: 12.5%;
    height: 24px;
}

.last-content-of-grid {
    border-bottom: 2px solid #CCCCCC;
    font-family: Arial, Helvetica, sans-serif;
    border-radius: 0 5px 5px 0;
    height: 24px !important;
    padding-bottom: 5px;
}

.divDatePicker {
    position: relative;
    display: inline-flex
}

.divDrop {
    border: 2px dashed var(--brand-primary-04);
    padding: 120px 50px 0 50px;
    text-align: center;
    height: 170px;
    position: relative;
}

.divDrop:hover {
    border: 2px dashed var(--brand-primary-03);
    background-color: var(--brand-primary-06);
}

.textDrop {
    color: var(--brand-primary-04);
    font-family: 'Lato', sans-serif;
    font-size: 26px;
}

.fileListInsert table {
    width: 100%;
    text-align: center;
    margin-top: 15px;
}

.tableOptionsModalUpload {
    width: 426px;
    margin: 20px auto;
    text-align: center;
    font-size: 15px;
}

.fileListInsert table thead tr th {
    color: #000;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.fileListInsert table tbody tr td {
    color: #000;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.fileListInsert table thead tr th:nth-child(1n+0) {
    width: 120px;
}

.fileListInsert table thead tr th:nth-child(2n+0) {
    width: 105px;
}

.fileListInsert table thead tr th:nth-child(3n+0) {
    width: 105px;
}

.fileListInsert table thead tr th:nth-child(4n+0) {
    width: 96px;
}

.generateOrderInput .bootstrap-datetimepicker-widget {
    margin-top: 0px;
    margin-left: 0px;
}
/**
    Novo Orcamento - Ajustes
**/
input#namePatientData {
    margin-left: 90px;
}

input#inputPatientName {
    width: 442px;
    margin-bottom: 16px;
}

input#walletNumber {
    width: 180px;
}

input#codCrm {
    width: 8%;
}

input#doctorName {
    width: 63%;
}

select#filterOperator {
    width: 173px;
    margin-left: 25px;
}

input#comments {
    width: 300px;
    margin-left: 3px;
}

select#filterStateOfCountry {
    width: 82px;
    margin-left: 25px;
}

select#filterTypeHospitalization {
    width: 173px;
    margin: 0 27px 16px 25px;
}

input#cid {
    margin-left: 33px;
    margin-bottom: 25px;
}

input#dateSurgeryPicker, input#birthDatePicker, input#dateHopitalizationPicker, input#orderRequestDatePicker, input#surgeryRequestDatePicker {
    width: 155px;
}

input#birthDatePicker, input#dateSurgeryPicker, input#dateHopitalizationPicker, input#orderRequestDatePicker, input#surgeryRequestDatePicker {
    margin-left: 2px;
    border: none !important;
    border-radius: 0 !important;
    height: 32px !important;
}


button.editButton {
    background-color: #9ea1ab;
}

a#aModalPatientDataHistory, a#aModalProcedureHistory, a#aModalProductHistory,
    a#aModalFileHistory {
    font-size: 12px;
    font-weight: normal;
    color: #7D3EA9;
    text-decoration: underline;
}

table.padding-adjusts-patient-data tr td, table.padding-adjusts-comment tr td
    {
    padding: 3px 1px 1px 10px !important;
}

#msgErrorUpload {
    color: red;
    text-align: center;
    margin-top: 10px;
}

input.inputNumberTableSmall-no-margin {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #B9B7B7;
    width: 40px;
    text-align: right;
    font-family: 'Lato', sans-serif !important;
    color: #666666 !important;
    font-size: 11px !important;
    letter-spacing: 0px !important;
    font-weight: normal !important;
    background-color: #EFEFED !important;
    border-radius: 8px !important;
    font-family: 'Lato', sans-serif !important;
    padding: 0px !important;
}

textarea#comments {
    margin-left: 24px;
    padding-bottom: 0;
    width: 90.5%;
    font-family: 'Arial';
    height: 50px;
}

textarea#comments.xpand {
    padding: 10px;
    height: 150px;
    top: 261px;
    box-shadow: inset 0 0 4px black;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.login-user-icon {
    font-size: 13px;
    color: #7D3EA9;
}

.user-icon {
    display: inline-block !important;
    color: rgba(145, 64, 169, 1) !important;
    height: 1.5rem !important;
    width: 1.5rem !important;
}

div.loadingCommentsListAjax, div.loadingFilesListAjax, div.loadingSurgicalProcedureListAjax {
    margin: 0 auto;
    display: table;
}

.tags-preorder {
    height: 15px;
    width: 221px !important;
    padding-top: 5px;
    margin-right: 13px;
    margin-top: 10px;
}

.adicionarMarcador {
  margin-left: 13px;
}

#spanName {
    font-size: 14px;
    font-weight: bold !important;
}

.edit-header h2 {
    padding-top: 15px;
    color: var(--white-color);
    letter-spacing: 0px;
    font-weight: normal;
    font-size: 18px;
}

.optionsEdit {
    font-size: 13px;
    border: 1px solid var(--neutral-color-05);
    padding: 15px 13px 13px 20px;
    background-color: var(--white-color);
    width: 180px;
    margin-left: -215px;
    margin-top: 15px;
    -webkit-box-shadow: 2px 1px 1px 0px var(--neutral-color-05);
    -moz-box-shadow: 2px 1px 1px 0px var(--neutral-color-05);
    box-shadow: 2px 1px 1px 0px var(--neutral-color-05);
    position: absolute;
}

.optionsEdit i {
    font-size: 22px;
}

.btnOptions {
    cursor: pointer;
    margin-right: 10px;
    vertical-align: middle;
}

.divOptions {
    cursor: pointer;
    width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
    font-weight: 590;
    display: inline-block;
    
}

.section-list {
    margin-right: 20px;
    background-color: var(--white-color);
    margin-top: 20px;
    padding-bottom: 20px;
    min-height: 178px;
}

.section-pre-order-data {
    margin-right: 20px;
    background-color: var(--white-color);
    min-height: 110px;
}

#btnSaveFile, #btnCancelFile, #btnCancelEditSurgicalProcedure,
    #btnSaveSurgicalProcedures {
    float: left;
}

#btnSaveFile .section-add-button, #btnCancelFile .section-add-button,
    #btnCancelEditSurgicalProcedure .section-add-button,
    #btnSaveSurgicalProcedures .section-add-button {
    width: 144px;
}
div.edit-patient-name span:not(.starRequired){
    color: var(--neutral--darkest);
    margin-left: 25px;
}

.edit-patient-name input, .edit-patient-name textarea {
    padding-left: 5px;
}

#btnSavePatientData {
    margin-left: 24px;
    margin-top: 24px;
}

i#optionPatientDataEdit {
    font-size: 20px;
}

.optionsPatientData {
    font-size: 13px;
    border: 1px solid #E0DCDC;
    padding: 15px 13px 13px 20px;
    background-color: #FFFFFF;
    width: 180px;
    margin-left: -215px;
    margin-top: 15px;
    -webkit-box-shadow: 2px 1px 1px 0px #ccc;
    /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 2px 1px 1px 0px #ccc; /* Firefox 3.5 - 3.6 */
    box-shadow: 2px 1px 1px 0px #ccc;
    position: absolute;
}

.optionsPatientData i {
    font-size: 18px;
}

.divSearchSupplier, .divSearchSurgicalProcedure {
    overflow-y: scroll;
    height: 355px;
}

.divSearchKit {
    height: 335px;
}

.divSearchSupplier table, .divSearchSurgicalProcedure table {
    width: 100%;
}

table.headerSearchSupplier, table.headerSearchSurgicalProcedure, table.headerSearchKit
    {
    width: 98%;
}

table.headerSearchSupplier thead tr th, table.headerSearchSurgicalProcedure thead tr th
    {
    padding: 4px 2px 4px 2px;
}

table.headerSearchKit thead tr th {
    padding: 10px 5px 10px 5px;
}

table.listSearchSupplier tbody tr, table.listSearchSurgicalProcedure tbody tr
    {
    height: 3rem;
}

table.listSearchKit tbody tr.strippedRow {
    height: 2rem;
}

table.listSearchSupplier tbody tr td, table.listSearchSurgicalProcedure tbody tr td
    {
    text-align: center;
    padding: 10px 5px 10px 5px;
}

table.listSearchKit tbody tr.strippedRow td {
    text-align: center;
    padding: 6px 5px 6px 5px;
}

.tbodyStripedTable tr:nth-child(2n+1) {
    background-color: var(--neutral-color-06);
}

.trWithDetail {
    background-color: #F7F7F7 !important;
}

.tbodyStripedDetailTable tr, .detailTableHeader {
    background-color: white !important;
}

.tbodyStripedTable tr td {
    padding: 10px 5px 10px 5px;
}

.tbodyStripedDetailTable tr td {
    padding: 10px 5px 10px 5px;
}

.edit-header i#stethoscope-icon {
  font-size: 21px;
}

.edit-header i#closePatientDataEdit, i#closeCommentEdit, i#backToIndexPrivateChat, i#closeCommentPrivateEdit, i#closeRightSideEdit, i#backToUnreadMessages {
    float: left;
    margin-top: 16px;
    margin-right: 13px;
    margin-left: 20px;
    vertical-align: text-top;
    font-size: 19px;
    cursor: pointer;
}

.section-supplier-list tbody tr {
    height: 3rem;
}

.section-supplier-list tbody tr td b {
    margin-left: 0.2rem;
}

.section-supplier-list tbody tr td sup {
    margin-left: 0.2rem;
    color: rgba(102, 99, 97, 1);
}

.section-supplier-list tbody tr:nth-child(2n+1) {
    background-color: #F7F7F7;
}

.section-orderextrafield-list tbody tr {
    height: 1px;
}

.section-orderextrafield-list tbody tr td b {
    margin-left: 0.2rem;
}

.section-orderextrafield-list tbody tr td sup {
    margin-left: 0.2rem;
    color: rgba(102, 99, 97, 1);
}

.supplier-block {
    height: auto;
    min-height: 64px;
    padding-top: 1.5625rem;
    padding: 0.5rem;
}

.supplier-title {
    font-family: 'Lato';
    font-size: 0.875rem;
    font-weight: bold;
    color: rgba(145, 64, 169, 1);
}

.section-add-supplier-icon {
    display: flex;
    height: 1.5rem;
    width: 1.5rem;
    font-size: 1.5rem;
    padding-top: 0.35rem;
    padding-left: 0.5rem;
}

.add-supplier-icon, .add-provider-icon, .add-product-without-code-icon, .add-new-product-without-code-icon {
    display: flex !important;
    color: var(--brand-primary-04);
    height: 1.5rem;
    width: 1.5rem;
}

.section-add-supplier, .section-add-provider, .section-add-product-without-code {
    display: flex;
    height: 1.5rem;
    width: 7.1875rem;
    text-align: left;
    line-height: 0.625rem;
    padding-top: 0.85rem;
    padding-left: 0.5rem;
}

.section-supplier-bottom {
    height: 2.5rem;
    width: 10.375rem;
    top: 0;
    left: 0;
    padding-top: 1rem;
    padding-left: 1rem;
    padding-bottom: 1.75rem;
}

.a-supplier-trash i {
    color: rgba(50, 50, 48, 1);
}

.add-supplier, .add-provider, .add-product-without-code {
    font-family: 'Lato';
    font-size: 0.75rem;
    font-weight: 600;
    color: rgba(50, 50, 48, 1);
}

.section-comment-title {
    height: 1.0625rem;
    width: 28.1875rem;
    text-align: left;
    padding-top: 1rem;
    margin-left: 1rem;
}

.comment-title {
    font-family: 'Lato';
    font-size: 0.875rem;
    font-weight: bold;
    color: rgba(145, 64, 169, 1);
}

.section-comment-subtitle {
    height: 0.9375rem;
    text-align: left;
    margin-left: 1rem;
    padding-top: 0rem;
}

.section-comment-subtitle-edit {
    height: 0.9375rem;
    width: 95%;
    text-align: left;
    margin-left: 1rem;
    padding-top: 0rem;
    margin-bottom: 10px;
}

.comment-subtitle {
    font-family: 'Lato';
    font-size: 0.75rem;
    color: var(--neutral-color-02);
}

.section-comment-icon-user {
    vertical-align: top !important;
    height: 100%;
    width: 1.5rem;
    font-size: 0.875rem;
    display: inline;
    margin-right: 10px;
}

.section-provider-icon-user {
    vertical-align: middle !important;
    height: 100%;
    width: 1.5rem;
    font-size: 1.5rem;
    display: inline;
    margin-right: 10px;
}

.section-comment-icon-user i.material-icons,
    .section-comment-icon-user-edit i.material-icons {
    color: #D1D1D1;
}

.section-comment-icon-user-edit {
    vertical-align: top !important;
    height: 100%;
    width: 1.5rem;
    font-size: 0.875rem;
    display: inline;
    margin-right: 8px;
}

.icon-user {
    height: 100%;
    width: 100%;
    vertical-align: top;
    color: gray;
    background-position: 14px 14px !important;
}

.comment-arrow {
    display: none;
    border-top: 20px solid rgba(0, 0, 0, 0.2);
    position: absolute;
    transform: rotate(133deg);
    margin-top: -2px;
    margin-left: -7px;
}

.comment-arrow::before {
    border-left: 10px solid transparent;
    border-top: 11px solid rgba(222, 222, 222, 1);
    bottom: 2px;
    content: "";
    position: absolute;
    right: 5px;
}

.comment-arrow::after {
    border-left: 10px solid transparent;
    border-top: 11px solid #FFFFFF;
    bottom: 4px;
    content: "";
    position: absolute;
    right: 6px;
}

.comment-arrow-owner {
    border-top: 20px solid rgba(0, 0, 0, 0.2);
    position: absolute;
    right: 42px;
    transform: rotate(270deg);
    margin-top: -16px;
}

.comment-arrow-edit-owner {
    right: 24px;
}

.comment-arrow-owner::before {
    border-left: 10px solid transparent;
    border-top: 10px solid rgba(222, 222, 222, 1);
    bottom: 2px;
    content: "";
    position: absolute;
    right: 5px;
}

.comment-arrow-owner::after {
    border-left: 10px solid transparent;
    border-top: 9px solid #f2f2f2;
    bottom: 4px;
    content: "";
    position: absolute;
    right: 6px;
}

.comment-box {
    max-width: 94%;
    background-color: var(--white-color);
    border: 1px solid var(--neutral-color-05);
    box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.09);
    vertical-align: top;
    border-radius: 0 5px 5px 5px;
    display: inline-block;
}

.comment-box-owner {
    background-color: var(--neutral-color-06);
    padding-left: 10px;
    border-radius: 5px 0 5px 5px;
    padding-right: 10px;
    margin-right: 23px;
}

.comment-box-edit {
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(222, 222, 222, 1);
    box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.09);
    vertical-align: top;
    border-radius: 0 5px 5px 5px;
    display: inline-block;
    padding-bottom: 3px;
    padding-right: 10px;
    margin-right: 30px;
    max-width: 90%;
}

.comment-box-edit-owner {
    background-color: #F2F2F2;
    padding-left: 10px;
    border-radius: 5px 0 5px 5px;
    margin-right: 42px;
}

.comment-user-name {
    height: 15px;
    width: 95px;
    font-family: 'Lato';
    font-size: 12px;
    font-weight: bold;
    color: rgba(74, 144, 226, 1);
    text-align: left;
    line-height: 15px;
}

.section-bottom {
    height: 2.5rem;
    width: 10.375rem;
    top: 0;
    left: 0;
    padding-top: 1rem;
    padding-left: 1rem;
}

.section-bottom-product-without-code {
    height: 2.5rem;
    width: 10.375rem;
    top: 0;
    left: 0;
    padding-top: 1.8rem;
    padding-left: 1rem;
}

.section-top {
    display: inline;
    height: 2.5rem;
    width: 10.375rem;
    top: 0;
    left: 0;
    padding-top: 1rem;
    padding-left: 1rem;
}

.section-add-comment-button, .section-add-button,
    .section-add-supplier-button, .section-add-long-button {
    height: 2.5rem;
    width: 10.375rem;
    border: 1px solid var(--neutral-color-04);
    border-radius: 50px;
    display: -webkit-box;
    overflow: hidden;
}

.section-del-button{
    height: 2.5rem;
    width: 11.375rem;
    border: 1px solid rgba(222, 222, 222, 1);
    border-radius: 50px;
    display: -webkit-box;
    overflow: hidden;
}

.section-see-order {
    height: 2.5rem;
    width: 8rem;
    border: 1px solid rgba(222, 222, 222, 1);
    border-radius: 50px;
    display: -webkit-box;
    overflow-x: hidden;
}

.section-add-button-supplier {
    text-align: left;
}
.section-add-button-supplier .add-element {
    padding-top: 1px;
}

.section-add-button-revert {
    background-color: rgba(145, 64, 169, 1) !important;
}

.section-add-button-disabled {
    background-color: #F1F1F1 !important;
    border: 1px solid #C1C1C1 !important;
}

.add-element-revert {
    color: #ffffff !important;
}

.add-disabled {
    color: var(--neutral-color-04) !important;
}

.opme-disabled {
	opacity: 0.3;
}

.post-button-footer .opme-disabled {
	opacity: 0.3;
    background-color: rgb(153, 153, 153) !important;
    color: #000 !important;
    pointer-events: none; 
    cursor: default;
}  

.add-icon-revert {
    color: #ffffff !important;
}

.section-add-provider-button {
    height: 2.5rem;
    width: 10.375rem;
    border: 1px solid rgba(222, 222, 222, 1);
    border-radius: 50px;
    display: inline-flex;
}

.section-add-long-button {
    width: 11.375rem;
}

.section-add-procedure-button {
    height: 2.5rem;
    width: 11.375rem;
    border: 1px solid rgba(222, 222, 222, 1);
    border-radius: 50px;
    display: flex;
}

.section-add-comment-icon, .section-add-icon {
    display: flex;
    height: 1.5rem;
    width: 1.5rem;
    font-size: 1.5rem;
    padding-top: 0.50rem;
    padding-left: 0.5rem;
}

.add-comment-icon, .add-icon {
    display: flex !important;
    color: var(--brand-primary-04);
    height: 1.5rem;
    width: 1.5rem;
}

.section-add-comment, .section-add-text, .section-add-text {
    display: flex !important;
    height: 1.5rem;
    width: 10.375rem;
    text-align: left;
    line-height: 0.625rem;
    padding-top: 0.85rem;
    padding-left: 0.5rem;
}

.add-comment, .add-supplier, .add-element, .add-markers {
    font-family: 'Lato';
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--neutral-color-01);
}

.comment-content-limited {
    height: 6rem;
    width: 27.6875rem;
    padding-top: 1.5625rem;
    padding-left: 1.225rem;
}

.comment-content {
    /*padding-top: 6px;*/
    height: 100%;
    overflow-x: hidden;
}

.comment {
    width: auto;
    padding-top: 0.558125rem;
    padding-left: 0.5rem;
    display: flex;
}

.comment-edit {
    padding-top: 5px;
    padding-left: 0.5rem;
    display: flex;
    width: 100%;
}

.comment-edit-owner {
    padding-left: 0;
}

.comment-line {
    padding-left: 1.5375rem;
    padding-top: 10px;
}

.comment-line-edit {
    padding-left: 1rem;
    width: 100%;
    padding-bottom: 0.2rem;
    padding-top: 0.2rem;
}

.comment-line-edit-owner {
    text-align: right;
}

.comment-block {
    padding: 0 15px 0 0;
    width: 100%;
    min-height: 50px;
    max-height: 200px;
    overflow-y: scroll;
}

.comment-block-edit {
    margin: 0;
    padding: 0;
    border: 0;
    overflow: auto;
    height: 69%;
}



.comment-line-user-name {
    height: 0.9375rem;
    width: 100%;
    text-align: left;
    line-height: 0.9375rem;
    padding-top: 0.523125rem;
    padding-left: 0.5rem;
    padding-right: 10px;
}

.comment-line-user-name-owner {
    padding-right: 0;
    text-align: right;
    padding-left: 0;
}

.section-comment-description {
    text-align: left;
    line-height: 0.9375rem;
    display: flex;
    padding-bottom: 10px;
}

.section-comment-description-edit {
    text-align: left;
    line-height: 0.9375rem;
    display: flex;
    margin-bottom: 5px;
}

.section-comment-description-edit-owner {
    margin-top: 5px;
}

.comment-description {
    font-family: 'Lato';
    font-size: 0.75rem;
    color: rgba(53, 50, 48, 1);
    text-align: left;
    padding-right: 10px;
}

.section-comment-date {
    line-height: 0.9375rem;
    display: flex;
    position: absolute;
    width: 10%;
}

.section-comment-date-edit {
    line-height: 0.9375rem;
    display: flex;
    padding-left: 25px;
    position: relative;
}

.section-written-comment {
    width: 100%;
    bottom: 0;
    position: absolute;
    padding-bottom: 10px;
}

#textAreaCommentContent, #textAreaCommentPrivateContent, #textAreaCommentSupplierContent, #textAreaMsgPrivateContent {
    width: 100%;
    height: 110px;
    padding: 10px 40px 10px 10px;
    box-sizing: border-box;
}

.section-icon-add-comment {
    height: 32px;
    width: 32px;
    right: 0;
    top: 0;
    position: absolute;
    margin-top: 0.5rem;
    margin-right: 0.5rem;
    border-radius: 50px;
    background-color: var(--brand-primary-04);
}

.i-add-comment {
    height: 16px !important;
    width: 16px !important;
    position: absolute;
    font-family: 'Material Icons';
    font-size: 16px !important;
    top: 0.5rem !important;
    right: 0.4rem;
    color: white;
}

#leftContent, .leftContent {
    float: left;
    width: 70%;
}

#leftContentHalf, .leftContentHalf {
    float: left;
    width: 50%;
}

.leftContentSmaller {
/*  float: left; */
/*  width: 35%; */
    padding-top: 55px;
}

#rightContent, .rightContent {
    float: right;
    width: 30%;
}

#rightContentHalf, .rightContentHalf {
    float: right;
    width: 50%;
}

.rightContentMinWidth {
    float: right;
    min-width: 30%;
    max-height: 70px;
    padding-top: 55px;
}

#list-supplier {
    margin-bottom: 200px !important;
    margin: 0 10px 0 24px;
}

.surgical-procedure-block {
    height: auto;
    min-height: 74px;
    padding-top: 1.5625rem;
    padding: 0.5rem;
}

.section-surgical-procedure-added, section-orderdetailextra-added {
    height: 32px;
    width: 93%;
    margin-bottom: 8px;
    margin-left: 17px;
    text-transform: LOWERCASE;  
}

.section-orderdetailextra-added th {
    background-color: var(--neutral-color-06);
}

.section-orderdetailextra-added td {
    background-color: var(--neutral-color-06);
}

.section-surgical-procedure-added-data {
    height: 32px;
    width: 93%;
    margin-bottom: 8px;
    margin-left: 17px;
}

.section-surgical-procedure-added-code {    
    height: 15px;
    padding-left: 16px;
    vertical-align: middle;
    background-color: var(--neutral-color-06);
}

.section-surgical-procedure-added-description {
    width: 80%;
    height: 15px;
    vertical-align: middle;
    background-color: var(--neutral-color-06);
}

.section-surgical-procedure-added-description-minor {
    height: 15px;
    vertical-align: middle;
    background-color: var(--neutral-color-06);
}

.section-surgical-procedure-added-quantity {
    width: 7%;
    height: 15px;
    vertical-align: middle;
    background-color: var(--neutral-color-06);
}

.section-surgical-procedure-added-deal {
    width: 17%;
    height: 15px;
    vertical-align: middle;
    background-color: var(--neutral-color-06);
}

.section-surgical-procedure-added-delete-header {
    background-color: var(--neutral-color-06);
}

.section-surgical-procedure-added-delete {
    width: 7%;
    height: 15px;
    vertical-align: middle;
    background-color: var(--neutral-color-06);
    color: var(--brand-primary-04) !important;
}

.section-surgical-procedure-added-spacer, section-orderextradetail-added-spacer {
    width: 100%;
    height: 8px;
    background-color: white;
}

.span-surgical-procedure-added-header {
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    padding-left: 10px;
}

.span-surgical-procedure-added-content {
    font-size: 12px;
    text-align: left;
    display: inline-block;   
    padding-left: 10px;
    white-space: nowrap;    
}

.section-surgical-procedure-added-content {
    height: 64px;
    width: 93%;
    background-color: rgba(243, 243, 243, 1);
    margin-bottom: 8px;
    margin-left: 17px;
}

.surgical-procedure-content, .orderextrafield-content {
    padding-left: 17px;
    padding-right: 14px;
    padding-top: 10px;
}

.orderextrafield-content, .surgical-procedure-content-list {
    overflow-y: auto;
    overflow-x: hidden;
}

.surgical-procedure-content-list {
    height: 160px;
}

.orderextrafield-content {
    height: 150px;
}

#contentOrderExtraFieldToList {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.loadingCommentsEditAjax, .loadingMsgEditAjax, .loadingNewHomeAjax {
    margin-left: 46%;
}
.loadingNewHomeAjax{
	position: fixed;
	top: calc(50% - 30px);
	z-index: 9999999999;
}
body {
    font-family: 'Lato', sans-serif;
    letter-spacing: 0px;
    background-color: var(--neutral-color-06);
    padding-bottom: 180px !important;
}

.body--no-padding {
	padding-bottom: 0 !important;
}

a:link {
	color: var(--brand-primary-04);
    text-decoration: none;
    font-weight: bold;
}

a.newLink {
    color: var(--brand-primary-04) !important;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    letter-spacing: 0px;
    font-weight: normal;
    cursor: pointer;
}

a.newLink:hover {
    text-decoration: none !important;
    font-size: 14px;
}

#header-concept {
    position: fixed;
    width: 100%;
    z-index: 99;
    height: 56px;
    background-color: var(--brand-primary-04);
    text-align: center;
}

#login-concept-icon {
    width: 26px;
    height: 21px;
    padding-top: 5px;
    border-radius: 30px;
    text-align: center;
    float: right;
    margin-top: 4px;
}

#login-concept {
    position: absolute;
    top: 10px;
    right: 30px;
    text-align: right;
    cursor: pointer;
}

div#mainContent {
    height: 500px;
}

div#authentication {
    position: absolute;
    top: 170px;
    z-index: 2;
    width: 246px;
    margin-left: -140px;
    left: 50%;
    text-align: left;
}

div#footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 98;
    overflow: hidden;
    background-color: white;
    display: flex;
    justify-content: space-between;
}

div#footer ul.box {
    width: 265px;
}

.footer__login-cookie-button {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 2rem;
}

.opmenexo-opmenexo .opmenexo-app {
    font-size: 34px;
    color: whitesmoke;
    font-weight: bold;
    height: 56px;
    background-image: url(../img/Opmenexo-White.png);
    background-repeat: no-repeat;
    background-position: center 15px;
    background-size: 210px;
}

div#titlePage, table#titlePage {
    background-color: var(--neutral-color-06);
    padding: 7px;
    color: var(--brand-primary-04);
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    letter-spacing: 0px;
    font-weight: normal;
    padding-top: 62px;
}

div#filter-title, tablefilter-title, span.filter-title {
    padding: 7px;
    color: var(--primary-color);
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    letter-spacing: 0px;
    font-weight: bold;
    padding-left: 0px !important;
}

div#titlePage h5.titleCotacao {
    font-size: 13px;
}

div#titlePage h5, table#titlePage h5 {
    font-size: 14px;
    font-weight: bold;
    margin-left: 15px;
}

div#titlePageNew {
    background-color: var(--white-color);
    padding: 7px;
    color: var(--brand-primary-04);
}

div#titlePageNew h5 {
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 1px;
}

div#authentication div#titlePage {
    width: 232px;
}

div#authentication div#titlePage label {
    padding-left: 10px;
    font-size: 14px;
    font-weight: bold;
}

div#authentication form {
    width: 231px;
    height: 180px;
    background-color: #FFFFFF;
    padding-top: 15px;
    padding-left: 15px;
    font-weight: bold;
}

div#authentication form p {
    float: left;
}

div#authentication form p.paddingTop {
    padding-top: 5px;
    margin-left: 0;
}

div#authentication form p.marginAdjusts {
    margin-top: -34px;
}

div#authentication form p.marginAdjusts a {
    padding-top: 0px;
}

div#authentication form p a {
    padding-top: 10px;
}

div#authentication input {
    border: 1px solid #CCCCCC;
    width: 200px;
    height: 20px;
    background-color: #FFFFFF !important;
    margin-top: 4px;
    margin-bottom: 10px;
    font-family: verdana, serif;
    padding-left: 5px;
}

#esqueciForm input {
    width: 180px;
    height: 18px;
    margin-left: 10px;
    padding: 3px;
    margin-bottom: 3px;
}

#esqueciForm input#inptEmail {
    margin-bottom: 0;
}

#esqueciForm #btnEnviarSenha {
    margin-right: 50px;
}

div.ui-widget-overlay {
    background-color: #000000;
    opacity: 0.7;
}

#header-menu {
    position: absolute;
    color: var(--white-color);
    font-size: 26px;
    top: 9px;
    left: 22px
}

#header-menu i.material-icons {
    margin-top: 8px;
    vertical-align: bottom;
}

.header-menu-text {
    color: var(--white-color);
    font-size: 18px;
    padding: 0;
    width: 150px;
    line-height: 14px;
    margin: 15px 0 35px 15px;
}

#header-menu label {
    font-size: 15px;
}

.header-menu-text label {
    margin-left: 18px;
    position: absolute;
    color: var(--white-color);
    font-family: 'Lato', sans-serif;
    letter-spacing: 0px;
    font-weight: 100;
    font-size: 17px;
    top: 21px;
    padding: 0;
    width: 1px;
    line-height: 14px;
    left: 35px;
}

#header-menu:hover {
    cursor: pointer;
}

#closeMenu {
    vertical-align: text-top;
    font-size: 19px;
    cursor: pointer;
    font-size: 24px;
}

#menu-content-items {
    overflow-y: auto;
    overflow-x: hidden;
    height: 87vh;
}

ul#purchase-transactions {
    margin-top: 20px;
}

#dialog-address {
    overflow: hidden;
}

.table-line-space {
    line-height: 0px;
    border-bottom: 1px solid #f2f2f2;
}

.padd-left-none {
    padding-left: 0 !important;
}

.fornecedorItemOrcamento {
    overflow: hidden;
    height: auto !important;
    height: 40px;
    display: inline-block;
    vertical-align: bottom;
}

.ui-dialog-buttonset {
    float: left !important;
    margin-left: 10px;
    width: 100%;
}

#dialog-sellers {
    overflow: hidden;
}

.btnGerarCotacao, .btnPublishment {
    width: 160px !important;
    font-size: 13px !important;
}

#dialog-generate-purchase-order {
    overflow: hidden;
}

#generateOrderContent {
    margin-top: 10px;
}

#generateOrderContent .generateOrderInput {
    width: 375px;
    float: left;
}

#generateOrderContent .generateOrderInput span.add-on {
    margin-top: 5px;
    border-radius: 5px;
    padding: 5px 5px 6px 5px;
    margin-left: -27px;
}

.edit-patient-name .add-on {
    border: 1px solid #9e9e9e !important;
    height: 25px;
}

#generateOrderContent .generateOrderInput .bootstrap-datetimepicker-widget
    {
    margin-top: 40px;
    margin-left: -35px;
}

#orderItems {
    display: block;
    overflow: auto;
    width: 101%;
    height: 300px;
}

#contentAddress .headerFixed tbody {
    height: 390px;
}

.headerFixed {
    table-layout: fixed;
    border-collapse: collapse;
}

.headerFixed thead tr {
    display: block;
    position: relative;
}

.headerFixed tbody {
    display: block;
    overflow: auto;
    width: 100%;
    height: 240px;
}

.noHeaderFixed {
    margin-top: 0 !important;
    table-layout: unset;
    border-collapse: none;
}

.noHeaderFixed thead tr {
    display: table;
    position: none;
}

.noHeaderFixed tbody {
    display: table;
    overflow: hidden;
    width: 100%;
    height: 0px;
}

.noHeaderFixed tbody tr {
    background-color: #CCCCCC;
    display: table;
    position: none;
}

.noHeaderFixed tbody tr td {
    background-color: floralwhite;
}

.diplayContratos {
    padding: 0 0 10px 10px !important;
    background-color: floralwhite;
    border-left: 1px solid var(--neutral-color-05);
    border-bottom: 1px solid var(--neutral-color-05);
}

.empty-input, .warning-input {
    border: 1px solid #F37B7B !important;
}

.autorizarAgrupamento {
    width: 170px;
    height: 24px;
    background-color: #964184;
    margin: -9px -9px 0 0;
    padding: 7px 0 0 7px;
    float: right;
}

.valorTotalAgrupamento {
    float: right;
    font-size: 15px;
    color: #474b52;
    font-family: 'Lato', sans-serif;
}

#counter {
    float: right;
    margin-top: 10px;
    color: #A5A4A4;
}

table.product-detail-content tr th, table.product-detail-content tr td {
    padding: 6px;
    border-bottom: 1px solid #E6E5E5;
}

#list-products {
    margin: 0 20px 0 24px;
}

table.product-detail-content tr td {
    padding: 6px;
    border-bottom: 1px solid #E6E5E5;
}

table.product-detail-content tr th.last, table.product-detail-content tr td.last
    {
    border-bottom: none;
}

#textAreaObs {
    width: 96%;
    height: 190px;
    margin-top: 15px;
    padding: 10px;
}

div.tab {
    overflow: hidden;
    display: inline-block;
}

div.tab-full-line {
    overflow: hidden;
    display: inline-block;
    width: 100% !important;
}

div.tab button, div.tab-full-line button {
    background-color: var(--neutral-color-06);
    float: left;
    border-right: none;
    border-left: 1px solid var(--neutral-color-05);
    border-bottom: 1px solid var(--neutral-color-05);
    border-top: 1px solid var(--neutral-color-05);
    border-radius: 0px;
    outline: none;
    cursor: pointer;
    padding: 12px 25px;
    font-weight: bold;
    color: var(--neutral-color-01);
    text-align: center;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    letter-spacing: 0;
}

div.tab-full-line button.five-itens {
    width: 19%;
    height: 52px;
}

div.tab-full-line button.four-itens {
    width: 24%;
    height: 36px;
}

div.tab button.active, div.tab-full-line button.active {
    background-color: var(--brand-primary-04);
    border-top: 1px solid var(--neutral-color-05);
    border-left: 1px solid var(--neutral-color-05);
    border-right: none;
    border-bottom: none;
    font-weight: normal;
    color: var(--white-color);
}

i.triggerRbDesativarCadastro.active{
    color: white;
    background-color: #FF1B1B;
    border: 1px solid #FF1B1B;
    border-radius: 7px;
    box-shadow: 1.5px 1.5px 0px #C1C1C1;
}

input.codigoProdutoOrcamento {
    border-radius: 6px;
}

#orcamentoAgrupamentoList {
    padding-bottom: 50px;
}

.newAgrupamento {
    padding-top: 20px;
    float: left;
    width: 150px;
}

.newAgrupamento button#btnNewAgrupamento {
    width: 138px;
}

.saveAgrupamento {
    padding-top: 20px;
    float: right;
    width: 150px;
    margin-right: -10px;
}

div.buttons-header {
    float: right;
    display: inline !important;
    margin-top: 13px;
}

div.buttons-header-markers {
    float: right;
    display: inline !important;
    margin-top: 7px;
}

.saveAgrupamento button#btnSaveAgrupamentoSuperior, .saveAgrupamento button,
    .saveAgrupamento button#btnSaveAgrupamentoInferior {
    width: 138px;
}

div.buttons-header button, div.buttons-header a {
    width: 80px;
    padding: 2px;
}

a.removeGroup:hover {
    text-decoration: none;
}

button.addProducts {
    font-size: 13px !important;
    width: 155px !important;
}

button.alignRight {
    float: right;
}

button.alignLeft {
    font-size: 13px !important;
}

input.titleOrcamento {
    border: none;
    font-size: 15px;
    color: #954281;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    letter-spacing: 0.5px;
}

#configAgrupamento {
    margin-top: 20px;
}

.configAgrupamentoInput {
    width: 200px;
}

.configAgrupamentoInput input#nomeAgrupamento {
    width: 435px;
}

.productsAddedList {
    font-size: 11px;
    letter-spacing: 0.5px;
    font-weight: normal;
}


.productsAddedPostSurgerySupplierList {
    font-size: 11px;
    letter-spacing: 0.5px;
    font-weight: normal;
    padding: 14px;
    margin-left: 16px;
    margin-right: 16px;
    width: 97%;
}

.productsAddedList table th, .productsAddedList table td{
    padding: 0 1%!important;    
}

.productsAddedList td {
    font-size: 12px;
}

.productsAddedList .titleItens {
    background-color: var(--neutral-color-02);
    color: var(--white-color);
    padding: 9px;
}

.productsAddedList table.productItem, .productsAddedList tbody.productItem
    {
    margin-bottom: 10px;
}

.productsAddedList table.productItem th, .productsAddedList tbody.productItem th
    {
    font-weight: normal;
}

i#optionPatientDataEdit, i#optionFilesEdit, .optionEditProduct, i#optionMarkersEdit, .optionEditPostSurgery, .optionEditPurchaseOrder
    {
    font-size: 27px;
    cursor: pointer;
    margin-right: 10px;
}

.optionsEdit, .optionsEditProduct, .optionsEditPostSurgery, .optionsEditPurchaseOrder {
    font-size: 13px;
    border: 1px solid var(--neutral-color-05);
    padding: 15px 14px 14px 25px;
    background-color: var(--white-color);
    width: 110px;
    margin-left: -150px;
    margin-top: 15px;
    -webkit-box-shadow: 2px 1px 1px 0px var(--neutral-color-05);
    /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 2px 1px 1px 0px var(--neutral-color-05); /* Firefox 3.5 - 3.6 */
    box-shadow: 2px 1px 1px 0px var(--neutral-color-05);
    position: absolute;
    z-index: 9;
    color: var(--neutral-color-02);
    font-weight: bold;
}

.optionsMyProviders {
    font-size: 13px;
    border: 1px solid #E0DCDC;
    padding: 15px 14px 14px 25px;
    background-color: #FFFFFF;
    width: 200px;
    -webkit-box-shadow: 2px 1px 1px 0px #ccc;
    /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 2px 1px 1px 0px #ccc; /* Firefox 3.5 - 3.6 */
    box-shadow: 2px 1px 1px 0px #ccc;
    position: absolute;
    z-index: 2;
    float: right;
    right: 40px;
    top: 112px;
}

.optionsEdit i, .optionsEditProduct i, .optionsEditPostSurgery i, .optionsEditPurchaseOrder i {
    font-size: 22px;
    color: var(--neutral-color-02);
}

.productsAddedList table.productItem td, .productsAddedList tbody.productItem td
    {
    padding: 10px 5px 0 10px;
}

.productsAddedList table.productItem td, .productsAddedList tbody.documentItem td
    {
    padding: 10px 5px 10px 20px;
}

.productsAddedList table.productItem tr, .productsAddedList tbody.productItem tr
    {
    background-color: #ECECEC;
}

.productsAddedList tbody.productItem-white tr {
    background-color: #FFFFFF !important;
}

.productsAddedList table.productItem tr.last, .productsAddedList tbody.productItem tr.last
    {
    border-bottom: 1px solid var(--neutral-color-04);
}

.productsAddedList table.productItem td.description {
    font-weight: bold;
    padding-top: 4px;
    letter-spacing: 0;
}

.productsAddedList table.productItem table.productDataInput th,
    .productsAddedList table.productItem table.productDataInput td {
    text-align: left;
    padding-left: 0;
}

.productsAddedList table.productItem table.productDataInput td {
    padding-top: 3px;
    padding-bottom: 6px;
}

.productsAddedList table.productItem table.productDataInput td input,
    .codigoProdutoOrcamento {
    border-radius: 6px;
    width: 90px;
}

#addressPagination {
    width: 80%;
    float: left;
    margin-top: 2px;
}

#addressPagination ul.pagination {
    margin-left: 245px !important;
}

.bottom-pagination {
    width: 100%;
    text-align: center;
}

#modalFooter {
    width: 98%;
    position: absolute;
    bottom: 0;
    border:none;
}

button.modalConfirmButton, button.modalCancelButton, button#btnModalConfirm, button#btnApplyToAll, button#btnApplyToOne,
    button#btnModalCancel, #btnCleanAll {
    float: left !important;
    margin-top: 10px !important;
}
button.modalCancelRight {
    float: right !important;
    margin-top: 10px !important;
}

ul.pagination {
    float: left;
    margin: 14px 0 0 0;
}

ul.pagination a.first {
    border-radius: 5px 0 0 5px;
}

ul.pagination a.last {
    border-radius: 0 5px 5px 0;
    border-right: none;
}

ul.pagination a.first, .pagination a.last {
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    color: var(--neutral-color-02);
}

ul.pagination li a {
    background-color: var(--white-color);
    color: var(--neutral-color-02);
}

ul.pagination a:hover {
    text-decoration: none;
}

ul.pagination .active a {
    background-color: var(--brand-primary-04);
    color: var(--white-color);
}

div.product-content-count {
    width: 500px;
    margin-top: 15px;
    font-size: 11px;
}

table.listSearch {
    margin-top: 10px;
}

table.listSearch input.selectSearch {
    position: absolute;
}

table.listSearch input.selectSearchRadio {
    margin-left: 10px;
}

table.listSearch thead tr th {
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 5px;
}

table.listSearch tbody tr {
    background-color: var(--neutral-color-06);
}

table.listSearch tbody tr td {
    padding: 10px 5px 0px 5px;
}

table.listSearch tbody tr td.first {
    border-left: 1px solid var(--neutral-color-05);
}

table.listSearch tbody tr td.descricao {
    padding-top: 3px;
    padding-left: 45px;
    padding-bottom: 10px;
    font-weight: bold;
    color: var(--neutral-color-02);
    border-bottom: 1px solid var(--neutral-color-05);
}

table.listSearch tbody tr td.spacer {
    background-color: var(--neutral-color-05);
    height: 4px;
    padding: 0;
}

div#filtersProduct {
    height: 50px;
}
div#filtersProduct #contentBrandToSelect, div#filtersProduct #contentSupplierKitToSelect  {
    width: 110px;
}

div#filtersProduct .filtersProductInput {
    width: 115px;
    float: left;
}
div#filtersProduct .filtersProductInput .inputSearch {
    width: 97px;
}
div#filtersProduct .filtersProductInput #filtroIdMarca, div#filtersProduct .filtersProductInput #filtroIdKitProduto {
    width: 105px;
    margin-top: 5px;
    height: 31px;
}

div#contentEnderecos {
    margin-top: 10px;
}

.search-count {
    width: 500px;
    margin-top: 15px;
    font-size: 11px;
}

div#filtersAddress {
    width: 790px;
    height: 65px;
}

div#filtersSellers {
    width: 790px;
    height: 65px;
}

div#filtersSurgicalProcedures {
    height: 65px;
}

div#filtersAddress .filtersAddressInput {
    width: 370px;
    float: left;
}

div#filtersSellers .filtersSellersInput, div#filtersSurgicalProcedures .filtersSurgicalProceduresInput,
    div#filtersKits .filtersKitsInput {
    width: 275px;
    float: left;
}

input.inputSearch, input.newInput {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #B9B7B7;
    width: 140px;
    color: #666666 !important;
    font-size: 11px !important;
    letter-spacing: 0px !important;
    font-weight: normal !important;
    padding: 6px !important;
    border-radius: 8px !important;
    margin-top: 5px !important;
}

input.inputSearch::placeholder, input.newInput::placeholder, input.inputSearchMedium::placeholder {
    color: #A09E9E !important;
}

.filtersAddressInput input.inputSearch {
    height: 20px;
    width: 140px;
    color: #666666;
    font-size: 11px;
    letter-spacing: 0px;
    font-weight: normal;
    padding: 6px;
    border-radius: 8px;
    margin-top: 5px;
}

p.titleSection {
    font-size: 15px;
    color: var(--brand-primary-04);
    font-weight: bold;
    padding-left: 10px;
    width: 97%;
    width: 98%;
    border-bottom: 1px solid var(--neutral-color-06);
}

table#contentNotaOrcamento tr:first-child {
    border-top: 0;
}

table#contentNotaOrcamento tr {
    border-top: 1px solid #F2F2F2;
}

table#contentNotaOrcamento tr td {
    color: #242527;
    text-align: left !important;
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    letter-spacing: 0px;
    font-weight: normal;
    padding: 10px 10px 7px 10px;
}

img#showHideSection {
    cursor: pointer;
    float: right;
}

#notaComentarioOrcamento {
    width: 380px;
    height: 210px;
}

div.modalFornecedoresResponderam {
    background-color: #FFFFFF;
    position: absolute;
    width: 350px;
    height: 350px;
    border: 1px solid #CCCCCC;
    font-size: 13px;
    letter-spacing: 0px;
    padding: 10px 2px 10px 2px;
    margin-left: 98px;
    margin-top: -150px;
    overflow-y: scroll;
}

a.loadModalRespostas:hover {
    cursor: pointer !important;
}

div.modalFornecedoresResponderam h1 {
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    letter-spacing: 0px;
    border-bottom: 1px solid #F2F2F2;
    margin-left: 8px;
    width: 94%;
    text-align: left;
    font-weight: normal !important;
}

table.handlebarsTableTagsCount tr.even {
    background-color: #CCCCCC;
}

div.modalFornecedoresResponderam p {
    text-align: left;
    padding-left: 20px;
}

table.reportByStatus tr td {
    font-size: 11px;
    border-bottom: none !important;
}

div#dialog-report-tags table tr td {
    padding: 4px 2px 4px 2px;
    border-bottom: 1px solid #E3E6E7;
}

div#dialog-config-tags .removerTag {
    color: red;
}

div#dialog-config-tags input.editarTag {
    width: 320px;
}

div#dialog-config-tags input.off {
    background-color: #D8D8D8;
}

div#dialog-config-tags a.novoMarcador {
    font-weight: normal;
    text-decoration: underline;
}

p.hidden {
    display: none;
}

p.emptyTag {
    width: 340px;
    border-bottom: 1px solid #CCCCCC;
}

a.tagSelect {
    text-decoration: none !important;
    font-size: 12px !important;
    letter-spacing: 0px !important;
    font-weight: normal !important;
    color: #000000 !important;
}

a.tagSelect:hover {
    text-decoration: none !important;
    font-size: 12px !important;
    letter-spacing: 0px !important;
    font-weight: normal !important;
    color: #000000 !important;
}

div#contentTags.newOrderTagsStyle {
    max-height: 42px;
    min-height: 50px;
    background-color: #FFFFFF;
    padding-right: 37px;
    padding-left: 14px;
}

div#contentTags.newOrderTagsStyle div.marcadores {
    margin-top: 17px;
}

div#contentTags.newOrderTagsStyle div.loadingResultadoBuscaMarcadoresAjax
    {
    text-align: center;
}

div#contentTagsSelected {
    float: left;
    width: 100%;
    height: auto;
    margin-left: 4px;
}

a.limparFiltros, a.limparFiltros:hover, a.clearFilters, a.clearFilters:hover
    {
    float: right;
    font-weight: normal;
    text-decoration: underline;
}

.section-admin-consolidator-list {
    min-height: 25rem !important;
    border: #CCC 1px solid;
}

.consolidator-administrator-block {
    height: auto;
    min-height: 64px;
    padding-top: 1.5625rem;
}

.consolidator-adm-content-list {
    overflow-y: auto;
    height: 17rem;
}

.section-add-consolidator-adm {
    display: flex;
    height: 1.5rem;
    width: 7.8875rem;
    text-align: left;
    line-height: 0.625rem;
    padding-top: 0.85rem;
    padding-left: 0.5rem;
}

.add-consolidator-adm {
    font-family: 'Lato';
    font-size: 0.75rem;
    font-weight: 600;
    color: rgba(50, 50, 48, 1);
}

.tr-grey-list {
    width: 96%;
    height: 2.72rem;
    background-color: #F1F1F1;
}

.input-search-administrator {
    width: 100%;
    height: 22px;
    margin-left: -1px;
    padding-left: 5px;
}

.td-consolidator-administrator {
    padding-left: 8px;
}

.search-consolidator-adm {
    padding-top: 5px;
}

div.buttons-header-list {
    width: 7%;
    margin-bottom: 12px;
    float: right;
    display: inline !important;
}
div.buttons-header-list-without-width {
    margin-bottom: 12px;
    float: right;
    display: inline !important;
}
div.buttons-header-list-shortcut {
    margin-left: -2em;
    position: relative;
    margin-top: 0.4em;
}
.option-edit-list  {
    margin-right: 0px !important;
}

.div-name-list-admin {
    width: 85%;
    position: relative;
    transform: translate(0, 128%);
}

.listSearchUsers tr {
    height: 32px;
}

.optionEditInList, .optionEditProviderInList {
    cursor: pointer;
}

.optionsEditInList {
    font-size: 13px;
    border: 1px solid #E0DCDC;
    padding: 15px 13px 13px 20px;
    background-color: #FFFFFF;
    width: 110px;
    /*     margin-left: 18px; */
    /*     margin-top: -220px; */
    -webkit-box-shadow: 2px 1px 1px 0px #ccc;
    /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 2px 1px 1px 0px #ccc; /* Firefox 3.5 - 3.6 */
    box-shadow: 2px 1px 1px 0px #ccc;
    /*     position: absolute; */
}

.optionsEditProviderInList {
    font-size: 13px;
    border: 1px solid #E0DCDC;
    padding: 15px 13px 13px 20px;
    background-color: #FFFFFF;
    width: 110px;
    margin-left: 22px;
    margin-top: -42px;
    -webkit-box-shadow: 2px 1px 1px 0px #ccc;
    /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 2px 1px 1px 0px #ccc; /* Firefox 3.5 - 3.6 */
    box-shadow: 2px 1px 1px 0px #ccc;
    position: absolute;
}

.optionsEditInList i, .optionsEditProviderInList i {
    font-size: 22px;
}

/* CSS PRODUTOS */
.grouping-content {
  background-color: var(--white-color);
}

.grouping-table, .product-table, .purchase-order-table {
    background-color: var(--neutral-color-06);
    margin-left: 16px;
    margin-right: 16px;
    width: 97%;
}

.grouping-header {
    width: 100%;
    height: 64px;
}

.grouping-item thead, .grouping-buttons, .product-table thead {
    height: 64px;
}

.grouping-item td {
    height: 16px;
}

.section-expand-icon {
    height: 32px;
    width: 32px;
    padding-right: 9px;
}

.expand-icon {
    font-size: 32px !important;
    color: var(--brand-primary-04);
}

.expand-icon-smaller {
    font-size: 11px !important;
}

.grouping-title {
    vertical-align: super;
    font-size: 14px;
    font-weight: bold;
    color: var(--brand-primary-04) !important;
}

.grouping-item-left {
    float: left;
    margin-left: 16px;
}

.grouping-item-right {
    float: right;
    margin-right: 15px;
}

.grouping-item-right-smaller-margin {
    float: right;
    margin-right: 5px;
}

.grouping-item .grouping-header-padding-top {
    padding-top: 16px;
}

.grouping-item-product-amount {
    font-family: 'Lato';
    font-size: 12px;
    color: rgba(107, 103, 100, 1);
    text-align: left;
    font-weight: normal;
}

.grouping-total-value, .grouping-total-discount {
    font-family: 'Lato';
    font-weight: lighter;
    color: rgba(53, 50, 48, 1);
    text-align: right;
    color: rgba(53, 50, 48, 1);
}

.grouping-total-value-header, .post-surgery-total-value-header {
    font-family: 'Lato';
    font-size: 12px;
    color: rgba(53, 50, 48, 1);
    text-align: right;
}

.grouping-button-on-header {
    height: 2.5rem;
    width: 10.375rem;
    border: 1px solid rgba(222, 222, 222, 1);
    border-radius: 50px;
}

.product-table table {
    padding-left: 16px;
}

.product-table thead tr {
    width: 100%;
    height: 32px;
}

.product-table tbody tr:not(.product-spacer ) {
    height: 64px;
    border-bottom: 4px solid #F7F7F7;
    background-color: #ffffff;
}

.product-table tbody tr:not(.product-spacer ) td{
    height: 64px;
}

.product-spacer tr {
    width: 100%;
    height: 8px;
    background-color: transparent;
}

tr.product-spacer {
    width: 100%;
    height: 0px;
    background-color: transparent;
}

tr.product-spacer td {
    padding: 0px 0px 0px 0px !important;
    line-height: 0px !important;
    height: 0px !important;
}

.product-table th {
    font-family: 'Lato';
    font-size: 12px;
    font-weight: bold;
    color: #353230;
    vertical-align: top;
}

.product-table-lighter {
    font-family: 'Lato';
    font-size: 12px !important;
    font-weight: 600 !important;
    color: var(--neutral-color-02) !important;
    vertical-align: top;
}

.product-table thead {
    height: 64px;
    margin-left: 16px;
}

.product-table td:not(.product-table-td-description):not(.product-table-td-supplier),
    .product-table input:not(.product-table-lighter){
    font-family: 'Lato';
    font-size: 12px;
    color: rgba(53, 50, 48, 1);
    text-align: center;
    padding-right: .5em; 
}

.product-table-td-supplier {
    font-family: 'Lato';
    font-size: 12px !important;
    text-align: left;
}

.product-table-td-description {
    font-family: 'Lato';
    font-size: 10px;
    font-weight: bold;
    color: rgba(145, 64, 169, 1);
    text-align: left;
}

.product-table-input {
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(213, 213, 213, 1);
    border-radius: 4px;
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
    height: 20px;
    width: 92px;
}

.product-table-medium-input {
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(213, 213, 213, 1);
    border-radius: 4px;
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
    height: 20px;
    width: 80px;
    text-align: center;
}

.product-table-medium-input-disabled-not-allowed-color {
    cursor: not-allowed;
    background-color: var(--neutral--lightest);
    border: 1px solid rgba(213, 213, 213, 1);
    border-radius: var(--border-radius-quarck);
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
    height: 20px;
    width: 80px;
    text-align: center;
}


.product-table-small-input {
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(213, 213, 213, 1);
    border-radius: 4px;
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
    height: 24px;
    width: 24px;
}

.product-table-colored-box {
    border: 1px solid rgba(213, 213, 213, 1);
    border-radius: 4px;
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
    height: 24px;
    width: 24px;
}

.product-input-success-box {
    border: 2px solid var(--feedback-positive-03);
}

.product-input-danger-box {
    border: 2px solid var(--feedback-alert-03);
}

.product-input-warning-box {
    border: 2px solid var(--feedback-warning-03);
}

.border-purple {
    border: none !important;
    background-color: #7E45AF !important;
}

#interventionButtons {
    text-align: center;
    position: absolute;
    bottom: 20px;
    width: 100%;
}

.label-background-success {
    background-color: var(--feedback-positive-03) !important;
}

.label-background-danger {
    background-color: var(--feedback-alert-03) !important;
}

.label-background-warning {
    background-color: var(--feedback-warning-03) !important;
}

.label-warning {
    color: var(--feedback-warning-02) !important;
    font-weight: 900;
}

.grouping-section-bottom {
    height: 2.5rem;
    width: 10.375rem;
    top: 0;
    left: 0;
    padding-bottom: 1rem;
    padding-left: 1rem;
}

.edit-link {
    font-family: 'Lato';
    font-size: 12px;
    font-weight: bold;
    color: var(--brand-primary-04);
}

#list-files {
    margin: 0px 20px 0 0px;
    padding-bottom: 0px;
    height: 354px
}

#list-surgical-procedures {
    height: 280px;
    margin: 0 10px 0 24px;
}

#list-orderextrafield {
    height: 280px;
    margin-top: 10px !important;
    overflow: hidden;
}

#fullSurgicalProceduresContent {
    display: inline-block;
}

#aModalFiles {
    padding-bottom: 1rem;
}

.file-content {
    max-height: 225px;
    overflow-y: auto;
    overflow-x: hidden;
}

.product-to-delivery-concept {
    width: 1200px;
    height: 490px;
}

.modal-request-deliver-block {
    height: 76%;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.confirmedQuantitySpan {
    padding: 5px 10px 5px !important;
    display: inline-flex !important;
    font-size: 12px !important;
}

.icon-report-problem {
    vertical-align: top !important;
    display: inline-flex !important;
    background-position: 14px 14px !important;
}

.search-provider {
    width: 322px;
    height: 22px;
    float: right;
    display: inline;
    padding-top: 7px;
    margin-right: 32px;
}

.input-search-provider {
    width: 100%;
    height: 22px;
    float: right;
}

.provider-scrollable-block {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.provider-box {
    background-color: #EEEEEE;
    height: 160px;
    width: 322px;
    display: inline-block;
    margin-left: 1.2rem;
    margin-top: 1rem;
    box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.09);
    border-radius: 4px;
}

.provider-name-box {
    margin-left: 1rem;
    margin-top: 1rem;
    width: 100%;
    height: 20px;
    display: block;
}

.provider-cnpj-box {
    font-size: 11px;
    margin-left: 1rem;
    color: #000000;
    width: 100%;
    height: 20px;
    display: block;
}

.provider-uf-box {
    font-size: 12px;
    margin-left: 1rem;
    color: #000000;
    height: 20px;
    display: block;
}

.provider-region-box {
    font-size: 12px;
    margin-left: 1rem;
    margin-top: 0.7rem;
    color: #000000;
    height: 20px;
    display: block;
}

.provider-username-box {
    font-size: 11px;
    margin-left: 1rem;
    margin-top: 1.3rem;
    width: 100%;
    height: 20px;
    display: block;
}

span.provider-username-span {
    font-size: 13px;
    font-weight: bold;
    margin-left: 0.3rem;
    color: #000000;
    display: inline;
}

.selected-admin-box {
    background-color: #7D3EA9;
    color: white;
}

.preorder-list-table {
    margin-left: 16px;
    margin-right: 16px;
    width: 99%;
    border-spacing: 0px 0.65rem;
    border-collapse: separate;
}

.preorder-list-table thead tr {
    width: 100%;
    height: 30px;
}

.preorder-list-table thead {
    height: 64px;
}

.preorder-list-table th {
    font-family: 'Lato';
    font-size: 12px;
    font-weight: bold;
    color: #353230;
    vertical-align: top;
}

.preorder-list-table td {
    font-family: 'Lato';
    font-size: 12px;
    font-weight: normal;
    color: var(--neutral-color-01);
}

.preorder-list-table tbody tr {
    height: 50px;
    border: 0px solid var(--neutral-color-05);
    box-shadow: 1px 1px 0px 0px var(--neutral-color-05);
    background-color: var(--white-color);
    cursor: pointer;
}

.preorder-list-table th:first-child {
    padding-left: 5px;
}

.preorder-list-table td:first-child {
    padding-left: 5px;
}

.div-list-pre-order {
    overflow-x: hidden;
}

.thead-padding {
    padding: 0em 2em 0em 0em;
}

.tbody-padding {
    padding: 0em 2em 1em 0em;
    margin-top: -1em;
}

.text-lighter {
    font-family: 'Lato';
    font-size: 10px !important;
    font-weight: 600 !important;
    color: var(--neutral-color-02);
    vertical-align: top;
}

.text-opme-color-bold {
    color: var(--brand-primary-04);
    font-weight: bold;
}
.text-lighter-gt {
    font-family: 'Lato';
    font-size: 11px !important;
    font-weight: 600 !important;
    color: var(--neutral-color-02);
    vertical-align: top;
}

.surgicalCount {
    padding-bottom: 16px;
}

.surgicalCount span {
    padding-left: 16px;
}

.expand-item-pre-order-list {
    margin-right: 8px;
    margin-top: -46px;
}

.pre-order-list-pagination {
    width: 97%;
    background-color: #f7f7f7;
    position: relative;
    display: flex;
    justify-content: center;
    margin-left: 16px;
    margin-top: -35px;
}

.btn-history-products {
    padding-right: 20px;
    font-size: 20px;
    cursor: pointer;
}

.btn-history-purchase-order {
    padding-right: 20px;
    font-size: 20px;
    cursor: pointer;
    color: var(--brand-primary-04);
}

.mdi-history .btn-history-purchase-order-history {
    padding-left: 20px;
    font-size: 20px;
    color: #12c6e7;
}

.select-filter-pre-order-list {
    -webkit-box-shadow: 1px 1px 4px 0px var(--neutral-color-04);
    width: 97% !important;
    height: 2.8em;
    margin-top: 0.5em;
    border: none !important;
    background-color: var(--white-color);
    border-radius: 4px;
}

.input-filter-pre-order-list {
    margin-left: 0em !important;
    width: 94% !important;
}

.margin-top-3em {
    margin-top: 3em;
}

.margin-top-2em {
    margin-top: 2em;
}

.margin-top-1em {
    margin-top: 1em;
}

.margin-top-05em {
    margin-top: 0.5em !important;
}

.margin-top-02em {
    margin-top: 0.2em;
}

.margin-left-05em {
    margin-left: 0.5em;
}

.margin-left-42-percent {
    margin-left: 42%;
}

.max-width-18-percent {
    max-width: 18%;
}

.select-pre-order-list {
    height: 2.8em;
}

.display-contents-important {
    display: contents !important;
}

.tr-list-pre-order:hover {
    background-color: var(--brand-primary-04);
}

.tr-list-pre-order:hover span {
    color: var(--white-color)!important;
}

.tr-list-pre-order:hover i {
    color: var(--white-color) !important;
}

.tr-list-pre-order-disabled:hover {
    background-color: var(--neutral-color-03) !important;
}

.tr-list-pre-order-disabled:hover span {
    color: var(--white-color) !important;
}

.tr-list-pre-order-disabled:hover i {
    color: var(--white-color) !important;
}

.tr-list-pre-order-disabled {
    background-color: var(--neutral-color-05) !important;
}

.tr-list-pre-order-disabled span{
    color: var(--neutral-color-02) !important;
}
.tr-list-pre-order-disabled i{
    color: var(--neutral-color-02) !important;
}

.newhome {
    width: 98%;
    margin: 0 auto;
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    margin-top: 1em;
}

.timeline-list {
    background-image: url(../img/wave_bg_home.svg);
    background-position: top;
    background-repeat: repeat-x;
}

.newhome tbody td {
    width: 10%;
    padding: 1em 0.2em 0.2em 0.4em;
    vertical-align: top;
}

.td-table-home a {
    color: #000;
}

.space-ignoring-header {
    padding-top: 65px;
}

.buttons-timeline {
    display: inline-block;
    padding: 1em;
    margin-left: 0.6%;
}

.description-timeline {
    padding-right: 1.2em;
}

.order-by-span-urgent, .order-by-span-elective, .order-by-span-done {
    vertical-align: top;
    padding-top: 10px;
    display: inline-block;
}

.order-by-icon {
    vertical-align: top;
    padding-top: 10px;
}

.optionOrderBy {
    color: black;
}

.half-tr-th {
    width: 50%;
}
tr-list-pre-order
.half-tr-td {
    width: 50%;
}

.half-div {
    width: 24%;
    display: inline-block;
}

.half-size-date-input {
    width: 5rem;
}


.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.unselectable table tbody tr {
    color: #ccc;
}

.markers-span-smaller {
    background-color: var(--neutral-color-01);
    color: var(--white-color);
    padding: 0.4em 0.6em 0.4em 0.6em;
    margin: 0.4em;
    font-size: 8px;
}

.markers-span-see-more {
    background-color: transparent;
    color: #000;
    padding: 0.4em;
    font-size: 10px;
}

.ui-tooltip {
    white-space: pre-line;
}

.ui-tooltip.ui-tooltip--dark {
    padding: 0.5rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background-color: #353230;
    color: #FFFFFF;
    font-size: 0.75rem;
    font-family: Lato,Helvetica,Arial,sans-serif;
    font-weight: 400;
    line-height: 1.25;
}

.contentShortcut{
    float:left;
    background-color:transparent;
    padding:10px;
    margin:5px;
    display:block;
    overflow:auto;
    
}

.contentShortcutTitle{
    font-size:22px;
    color:var(--primary-color);
    font-weight:bolder;
    margin-left: 15px;
}
    
.contentShortcutItem{
    position:relative;
    float:none;
    color: var(--primary-color);
    z-index:2;
    cursor:pointer;
    clear:both;
    display:inline-block;
    width:120px;
    height:120px;
    border-radius:4px;
    box-shadow: 2px 2px 2px 1px grey;
    margin-top:10px;
    margin-left:10px;
    text-transform: capitalize;
    text-align:center;
    background: rgb(255,255,255);
    background: linear-gradient(152deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 48%, rgba(196,196,196,1) 67%);
}

.contentShortcutItem:hover{
    cursor:pointer;
    color:#fff;
    background:var(--primary-color);
    box-shadow:none;
}

.contentShortcutItem:click{
    color:#000;
}

.contentShortcutItemFixed{
    font-size: 11px;
    color: var(--primary-color);
    z-index:2;
    cursor:pointer;
    clear:both;
    display:inline-flex;
    float:right;
    width:30px;
    height:30px;
    border-radius:70px;
    padding:20px;
    box-shadow: 2px 2px 2px 1px grey;
    margin-top:10px;
    margin-left:10px;
    font-weight:bolder;
    text-transform: capitalize;
    text-align:center;
    background: rgb(255,255,255);
    background: linear-gradient(152deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 48%, rgba(196,196,196,1) 67%);
}


.contentShortcutItemFixed:hover{
    cursor:pointer;
    color:#fff;
    background:var(--primary-color);
    box-shadow:none;
}

.contentShortcutItemFixed:click{
    color:gold;
}

.contentShortcutItemIdHidden {
    visibility: hidden;
    float: right;
}

.contentShortcutItemName{
    font-size: 14px;
    font-weight: bolder;
    width: 100%;
    clear: both;
    display: block;
    top: 15%;
    position:relative;
}

.contentShortcutItemValue{
    font-size: 24px;
    font-weight: bolder;
    width: 100%;
    clear: both;
    display: block;
    top:15%;
    position:relative;
    
}

.contentShortcutReport {
    width: 20%;
    float: left;
    display: block;
    position: relative;
    margin-top: 5px;
    padding:10px;
}

.contentShortcutReport ul{
    
}

.contentShortcutReport li{  
    display:block;
    margin:10px;
    background-color:#FFF;
    border-radius:4px;
    height:20px;
    padding:10px;
    color: var(--primary-color);
    text-transform:uppercase;
    text-align:center;
    font-weight:bolder;
    cursor:pointer;
}

.contentShortcutReport li:hover{    
    background:var(--primary-color);
    font-color:#FFF;
}

.contentShortcutReport li a:hover{  
    background:var(--primary-color);
    color:#FFF;
}

.createShortcutModal{
    display:inline-grid;
    width:650px;
    height:600px;
    left:50%;
    max-height:90vh;
    position:absolute;
    top:50%;
    transform:translate(-50%, -50%);
    background-color:#FFFFFF;
    box-shadow:4px 4px 10px 10px grey;
    border-radius:10px;
    z-index:10;
}

.ctBtnOptions{
    margin-bottom: 16px !important;
}

.createShortcutModal header{
    font-size:14px;
    color: #FFFFFF;
    height:15px;
    padding:15px;
    text-transform: uppercase;
    font-weight: bolder;
    background-color: var(--primary-color);
    background: linear-gradient(152deg, rgba(144,59,166,1) 0%, rgba(144,59,166,1) 48%, rgba(122,65,174,1) 67%);
    border-radius: 10px 10px 0px 0px !important;
}


.btnFecharModal{
    float:right;
    font-size:10px;
    cursor:pointer;
    font-weight:bolder;
}

.btnFecharModal:hover{
    color:gold;
}

.createShortcutModal main{
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.createShortcutModal main label{
    float: left;
    display: block;
    clear: both;
    margin-left: 10px;
    margin-bottom:5px;
    font-size:12px;
    font-weight:bolder;
}

.createShortcutModal main input{
    border-radius: 4px;
    width: 280px;
    height: 20px;
    font-size: 14px;
    cursor: pointer;
    margin-left: 10px;
    font-family: 'Arial', Verdana, sans-serif;
    text-transform:uppercase;
}

.shortcutCreateFooter {
    display:inline;
    clear: both;
    position: relative;
    height: 40px;
    margin-top: -40px;
}


.createShortcutModal footer{
    text-align:center;
}

.createShortcutModal button{
    font-size:12px;
    font-weight:bolder;
    background-color: var(--primary-color);
    color:#FFFF;
    border-radius:10px;
    height:30px;
    width:100px;
    cursor:pointer;
}

.createShortcutModal button:hover{
    color:gold;
}


#bodyNewHome {
    padding-left: 1.8em;
    padding-top: 1.8em;
}

#bodyNewHome span {
    color: var(--brand-primary-04);
}

#bodyNewHome i {
    color: var(--brand-primary-04);
}

.shortcutBox  {
    width: 150px;
    height: 150px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    box-shadow: 0.2em 0.2em #bfbfbf;
    background: rgba(254,254,254,1);
    background: -moz-linear-gradient(-45deg, rgba(254,254,254,1) 0%, rgba(255,255,255,1) 51%, rgba(235,235,235,1) 51%, rgba(235,235,235,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(51%, rgba(255,255,255,1)), color-stop(51%, rgba(235,235,235,1)), color-stop(100%, rgba(235,235,235,1)));
    background: -webkit-linear-gradient(-45deg, rgba(254,254,254,1) 0%, rgba(255,255,255,1) 51%, rgba(235,235,235,1) 51%, rgba(235,235,235,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(254,254,254,1) 0%, rgba(255,255,255,1) 51%, rgba(235,235,235,1) 51%, rgba(235,235,235,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(254,254,254,1) 0%, rgba(255,255,255,1) 51%, rgba(235,235,235,1) 51%, rgba(235,235,235,1) 100%);
    background: linear-gradient(135deg, rgba(254,254,254,1) 0%, rgba(255,255,255,1) 51%, rgba(235,235,235,1) 51%, rgba(235,235,235,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#ebebeb', GradientType=1 );
}

.shortcutBox span {
    font-size: 14px;
}

.shortcut-td {
    margin-right: 1em;
    margin-bottom: 1em;
    float: left;
    cursor: pointer;
}

.reportTable {
    background-color: #fff;
    margin: 0.5em;
    padding: 1em;
    width: 100%;
    height: 7em;
}

.reportTable span  {
    padding-left: 0.4em;
    font-size: 13px;
    vertical-align: middle;
}

.reportTable i {
    vertical-align: middle;
}

.titleNewHome  {
    font-size: 16px;
    font-weight: bold;
}

.shortcutName {
    color: #000 !important;
}

.shortcutCount {
    font-size: 42px !important;
}

.opme-main-background-color {
    background-color: var(--brand-primary-04) !important;
}

tr.opme-main-background-color span, tr.opme-main-background-color i  {
    color: var(--white-color) !important;
}

.section-filter-pre-order-lists {
    background-color: #FFF; 
    padding-top: 18px; 
    width: 97%;
    display: inline-block;
}

.span-filter-pre-order-lists {
    float: right;
    width: auto;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-right: 15px;
}

.option-filter-pre-order-lists {
    float: right;  
    width: 16px;
    padding-right: 35px;
    padding-left: 10px;
}

.selected-span-filter {
    font-size: 14px;
    font-family: 'Lato';
    font-weight: bold;
    color: var(--brand-primary-04) !important;
}

.unselected-span-filter {
    font-family: 'Lato';
    font-size: 13px !important;
    font-weight: 500 !important;
    color: var(--neutral-color-02);
    cursor: pointer;
}

.hr-span-separator {
    width: 100%;
    margin-inline-start: -25px;
    padding-inline-end: 38px;
    border-style: inset;
    opacity: 0.2;
    display: inline-block;
}

.line-height-tag {
    line-height: 18px;
}

#addPrivateChat {
    cursor: pointer;
}

tr.aCheckSupplierPrivate {
    height: 50px;
    cursor: pointer;
    border-bottom: 1px solid #F1F1F1;
}

div.liveSearchSupplier, div.liveSearchUnreadMsg {
    position: fixed;
    overflow-y: auto;
    overflow-x: hidden;
    height: 400px;
    width: 19.1%;
    background-color: #F1F1F1;
    border-left: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
}

#result-supplier-private-chat li {
    padding: 5px;
    cursor: pointer;
}

#result-supplier-private-chat li:nth-child(2n+1) {
    background-color: #F1F1F1;
}

#result-supplier-private-chat li:nth-child(2n+0) {
    background-color: #CCC;
}

.pd-top-55px {
    padding-top: 55px;
}

.pd-top-4px{
    padding-top: 4px ! important;
}

.pd-top-0px{
    padding-top: 0px ! important;
}

.pd-top-6px{
    padding-top: 6px ! important;
}

.pd-top-30px{
    padding-top: 30px ! important;
}

.pd-top-50px{
    padding-top: 50px ! important;
}

.pd-top-10px{
    padding-top: 10px ! important;
}

.pd-top-90px{
    padding-top: 90px ! important;
}

#refreshChat, #refreshChatSupplier {
    margin-top: -26px;
    margin-right: 10px;
    cursor: pointer;
    float: right;
}

#redirectToPreOrder, #redirectToOrder, #refreshUnreadMessages {
    cursor: pointer;
    display: inline;
}

.chatPreOrderId, .chatOrderId {
    vertical-align: middle;
    width: 74px;
    text-align: center;
    display: inline-block !important;
    margin-left: 30px;
    
}

.chatButtons {
    vertical-align: middle;
    float: right;
    text-align: center;
    display: inline !important;
    width: 71px;
    margin-top: 17px;
    float: right;   
}

.input-without-border {
    border: none;
    outline: none;
    background-color: #F1F1F1;
}

#suppliersPrivateOpenedChat, #suppliersPrivateChat, #contentMessagesUnread {
    margin-top: 10px;
    background-color: #FFF;
    padding-top: 14px;
}

#textAreaCommentSupplierContent, #textAreaCommentContent, #textAreaMsgPrivateContent {
    background-color: #FFF;
}

.recipient-subtitle-private-cnpj, .supplier-subtitle-private-cnpj {
    padding-left: 6px;
}

.text-left {
    text-align: left;
}

.assignment_ind-unread-messages {
    margin-left: 8px;
    color: #c1c1c1;
}

.unread-messages-table {
    display: flex
}

.unread-messages-table tr {
    display: block;
    padding: 8px;
    border-bottom: 1px solid #f1f1f1;
}

.unread-mark {
    font-size: 18px !important; 
    color: orange;
    float: right;
}

.notification-mark {
    color: red !important;
    font-size: 12px !important;
    top: 14px !important;
    right: 58px !important;
    position: fixed !important;
}

.div-icon-observation {
	display: inline;
    width: 100%;
    height: 100%;
    position: relative;
	
}

.icon-observation, .icon-supplier-observation {
	font-size: 20px;
    position: absolute;
    color: #9140A9;
    top: -9px;
}

.div-notification-mark {
	display: inline;
    width: 100%;
    height: 100%;
    position: relative;
    margin-right: 20px;
	
}

.grid-notification-mark {
	color: var(--feedback-alert-03) !important;
    font-size: 9px !important;
    vertical-align: top;
    position: absolute;
    height: 100%;
    padding-left: 12px;
    left: 2px;
    bottom: 12px;
	
}

.pd-top-1px {
    padding-top: 1px ! important;
}



.search-order-width70 {
    width: 70px !important;
    float: none;
}

.search-order-width100 {
    width: 100px !important;
    float: none;
}

.search-order-width150 {
    width: 150px !important;
    float: none;
}
.search-order-width200 {
    width: 200px !important;
    float: none;
}
.search-order-width278 {
    width: 278px !important;
    float: none;
}
.search-order-width300 {
    width: 300px !important;
    float: none;
}
.search-order--half {
    width: 50% !important;
}

.search-order-width300 div.ms-parent {
    width:300px !important;
}

.search-order-width285 {
    width: 285px !important;
    float: none;
}

.search-order-width285 div.ms-parent {
    width:285px !important;
}

.icon-information-pre-order-list {
	margin-top: 18px !important;
	margin-left: 2px !important;
}

div#modal-add-product-without-code {
    padding: 50px;
    overflow: hidden;
}

div.section-button-order-extra-field {
    bottom: 0;
    position: absolute;
    width: 83%;
}

div.add-products-without-code {
    margin-bottom: 10px;
}

i.add-new-product-without-code-icon {
    float: right;
    cursor: pointer;
}

div.add-button-new-product-without-code {
    width: 97%;
    height: 42px;
    padding-top: 10px;
    
}

button.add-product-without-code-modal {
    float: right;
    margin-bottom: 20px;
}

.fields-new-products-without-code {
    height: 190px;
    overflow-y: auto;
}

.section-Order-Mark {
    padding-top: 116px;
}

.line-break-column-table {
    word-wrap:break-word; 
    overflow-wrap:break-word;
}

#order-markers-section {
    margin: 0 10px 0 24px;
    min-height: 150px !important;
}

div#aModalMarkers.button-add-header-markers {
    max-height: 42px;
    height: 42px;
    background-color: #FFFFFF;
    padding-right: 30%;
    padding-left: 10px;
    margin-top: 10px;
    padding-right: 0px;
    padding-top: 0px;
}

div#sectionAccessOrder.button-access-order {
    max-height: 70px;
    height: 70px;
    background-color: #FFFFFF;
    padding-left: 10px;
}

#rightContentDataGeneral, .rightContentDataGeneral {
    float: right;
    width: 30%;
    background-color: rgba(255, 255, 255, 1);
    overflow: hidden; 
    margin-top: 10px !important; 
    margin-right: 0px !important;
}

#order-data-general {
    min-height: 128px !important;
    background: #FFF;
}

.full-header-data-order {
    margin: 0px 20px 0 0px;
    height: 90px;
    background-color: #FFFFFF;
}

.section-bottom-data-order {
    height: 2.5rem;
    top: 0;
    left: 0;
    padding-left: 1rem;
}

.box-pre-order-data tbody tr td {
    padding-left: 5px;
}


.box-pre-order-data {
    background: #FFF;
    width: 100%;
    padding: 10px;
}

.box-pre-order-data thead tr th {
    text-align: left;
    background-color: #F1F1F1;
}

.box-pre-order-data thead tr th:nth-child(2) {
    text-align: right;
}

.box-pre-order-data tbody td span {
    display: inline;
    font-weight: bold;
    background-color: var(--white-color);
    font-size: 12px;
}


#sessionEditDataBasicPreOrder div span {
    display: inline;
    font-weight: bold;
    background-color: #FFF;
    font-size: 12px;
    color: #292C39;
}
#sessionEditDataBasicPreOrder {
    padding-bottom: 15px;
}
#sessionEditDataBasicPreOrder input {
    margin-top: 5px;
    padding-left: 5px;
}
#sessionEditDataBasicPreOrder #spanPreOrderVencimento {
    margin-top: 5px;
}
#sessionEditDataBasicPreOrder div #inputUpdateTitlePreOrder {
    width: 55%; 
    height: 22px;
}

#editTitlePreOrder{
    margin-left: 18px; 
    width: 99%; 
}

#editPreOrderVencimento{
    position: absolute;
    top: 107px;
    right: 100px;
}

.divDatePickerFloat {
    display: inline-flex
}

.right-frames-into {
    margin: 0px 20px 0px 0px;
}

.left-frames-into {
    margin: 0px 10px 0px 24px
}

.patient-data-block {
    padding: 0 !important; 
    margin-top: 10px !important; 
    margin: 0px 10px 0px 24px; 
    background-color: var(--white-color);
}

.include-kit-body{
    display: block;
    width: auto;
    min-height: 0px; 
    max-height: none; 
    height: 140px;
}

.blue-round-button {
    background-color: #00CED5 !important;
    color: white !important;
    font-weight: 600 !important;
    border-radius: 25px;
    padding: 8px 10px 8px 10px;
    min-width: 95px;
    border: 1px solid #00CED5;
    cursor: pointer;
    display: inline-block;
}

.modal-quotation-flow{
	height: calc(100vh)!important;
	width: calc(100vw)!important;	
	left: 1%!important;		
	border: none!important;
	margin-left: -1%;
}
.green-round-button {
    background-color: #66BD2B !important;
    color: white !important;
    font-weight: 600 !important;
    border-radius: 25px;
    padding: 8px 10px 8px 10px;
    min-width: 95px;
    border: 1px solid #66BD2B;
    cursor: pointer;
    display: inline-block;
}
.bionexo-color {
    color: #59D7A8;
}
#containerDashboards {  
    cursor: pointer;
    background-color: var(--brand-primary-04);
    color: var(--white-color);
    width: 100%;    
    height: 50px;
    box-sizing: border-box;
    padding-left: 1%;
    padding-right: 5%;
    padding-top: 3%;    
    font-weight: bolder;
    margin-top:0.5em;
}

.containerDashboards-head {
    overflow: auto;
    padding-top: 5px;
}

.containerDashboards-head .vertical_align_bottom {
    float: right;
}

.containerDashboards-head h3 {
    float: left;    
    margin-left:0px!important;
    margin-right:0px!important;
    font-size:13px!important;
    font-wheight: bolder;
    max-width: 65%;
    font-weight: bold;
}

.containerDashboards-body {
    border: 1px solid #FFF;
    box-sizing: border-box;
    width: 100%;
    background-color: #FFF;
    height: auto;
}

.dashboard-item{
    cursor: pointer;
    background-color: #FFF;
    color: var(--brand-primary-04);
    width: 99%;
    height: 50px;
    box-sizing: border-box;
    margin-bottom: 3px;
    margin-top: 3px;
    border: 2px solid var(--brand-primary-04);
    padding-left: 2%;
    padding-top: 6%;
}

.dashboard-item .material-dashboard {
    float: right;
    margin-top: -4px;
    margin-right: 5%;
    color: var(--brand-primary-04);
}

.dashboard-item .dashboard-title{
    margin-right: 0px;    
    float: left;
    font-size: 13px;
    font-weight: bolder;
    color: var(--brand-primary-04);
    max-width: 70%;
    text-overflow: ellipsis;
    overflow: hidden;    
    text-decoration: none!important;    
}

table.tableHeight {
    height: 50px !important;
}

.until {
    margin-top: 24px;
    font-size: 13px;
}

div.surgeryDateFilter {
    position: relative;
    display:inline;
    width: 420px;
    margin-left: 78px;
}

div#divInitialSurgeryDate div.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.bottom,
div#divFinalSurgeryDate div.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.bottom {
    top: 0px !important;
    margin-left: 60px !important;
}


.lista-itens .tabela-itens .text-sub-title{

    font-family: 'Lato';
    font-size: 11px !important;
    color: #787472;
    background-color: #EDEDED;
    white-space: nowrap;
}

.lista-itens .tabela-itens .text-sub-column{
    font-family: 'Lato';
    font-size: 12px !important;
    color: #787472;
}

.lista-itens .tabela-itens th span{  
    font-size: 12px;
    font-family: 'Lato';
}

.lista-itens .tabela-itens td span{  
    font-size: 12px;
    font-family: 'Lato';
}

.lista-itens .tabela-itens .icon-lock{
    cursor: pointer;
    color: var(--brand-primary-03);
}

.lista-itens .tabela-itens .icon-lock .material-icons{
    font-size: 13px;
}

.lista-itens .tabela-itens thead{
    line-height: 1.5;
}

.lista-itens .tabela-itens th{
    font-weight: normal;
    font-size: 12px;
    color: #353230;
    background-color: #EDEDED;
    padding: 1em;
    cursor: default;
}

.lista-itens td{
    padding: 1em;
    white-space: nowrap;
}

.lista-itens{
    background-color: #EDEDED;
    padding: 0 1.5em 1.5em 1.5em;
}
 
.lista-itens tbody tr{
    background-color: #FFFFFF;
    border: .35em #EDEDED solid;
    line-height: 2; 
    border-top: none;
} 

.lista-itens .tabela-itens tbody tr:hover{
    background-color: #F9F9F9;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
    border-left: none;
    border-right: none;;
} 

.lista-itens .tabela-itens{
    margin-top: 1em;
    border-spacing: 0px 0.7rem;
    border-collapse: collapse;
}

.opme-combo-div {
	display: inline-flex;
    width: 98%;
    border-radius: 6px;
    border: 1px solid;
    border-color: rgb(204, 204, 204);
    height: 31px;
    margin-bottom: 16px;
    margin-left: 3px;
}

.opme-select-div {
	display: inline-flex;
    width: 98%;
    border-radius: 6px;
    border: 1px solid;
    border-color: rgb(204, 204, 204);
    height: 31px;
    margin-bottom: 16px;
    margin-left: 3px;
    cursor:pointer;
}

.opme-select {
	width: 93%;
	height: 31px !important;
    display: inline-flex;
    border: none;
    border-radius: 5px !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    text-align: left;
    font-size: 11px;
    font-family: lato;
    padding-left: 8px;
    background-color: transparent !important;
    position: absolute;
    cursor: pointer;
    font-size: 12px !important;
    text-align: left;
    font-family: lato !important;
    padding-left: 10px !important;
    color: gray !important;
    font-weight: bold !important;

}

.opme-select-icon {
	display: inline-flex;
    position: absolute;
    right: 0;
    z-index: -1;
    padding-right: 14px;
    padding-top: 4px;
    color: var(--brand-primary-04);
}

.lista-itens .tablePaginacaoResultados tr{
    border: .55em #EDEDED solid;
}

#cotacoesAVencer #nomeComprador{
    color: var(--brand-primary-04);
}

#cotacoesAVencer .coluna-filtro{
	cursor: pointer;
}

#cotacoesAVencer #titlePage{ 
    background-color: #EDEDED;
} 

.inner-icon {
  display: inline;
}

.right-icon input { padding-right: 30px; } 

/* Filtro cotação a vencer */

#dataFiltersContractValidation {
	padding-top: 15px;
}

/* TODO: Rever uso do !important aqui pois reflete no select e no input de todo sistema */
#dataFiltrosTransacoesVenda input, select, #dataFiltersContractValidation input, select {
    border-radius: 0px !important;
    background-color: #FFFF !important;
}

#dataFiltersContractValidation button.ms-choice {
    border-radius: 0px !important;
    background-color: #FFFF !important;
    border: 1px solid #ddd !important;
    width: 14em;
    height: 34px;
}

#dataFiltersContractValidation button.ms-choice>span {
	top: 0.2em !important;
}

#dataFiltersContractValidation button.ms-choice>div {
	top: 0.2em !important;
}

#dataFiltersContractValidation div.ms-drop {
	border: 1px solid #dedede !important;
	height: 20em;
}

#dataFiltersContractValidation div.ms-drop ul {
	max-height: 20em !important;
}

#dataFiltersContractValidation buttonFilterPreOrderList div.ms-parent {
	width: 97% !important;
	margin-top: 0.5em;
}

.invoice-pending__checkbox {
    display: flex;
    align-items: center;
}

#dataFiltrosTransacoesVenda .input-append .add-on, #dataFiltersContractValidation .input-append .add-on {
    border-radius: 0px;
}

.input-append .date-picker__icon {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

#dataFiltrosTransacoesVenda .spanTituloFiltro {
    font-weight: bolder;
    color: var(--brand-primary-04);
    font-family: 'Lato', sans-serif;
    font-size: 12px;
}

#dataFiltrosTransacoesVenda .glyphicon {
    color: var(--primary-color);
}

#dataFiltrosTransacoesVenda #btnFiltrar,
#dataFiltrosTransacoesVenda #btnLimparFiltros,
#dataFiltrosTransacoesVenda #btnBuscarAguarde {
    padding: 0.25rem;
    height: 2.75em;
    font-size: 12px;
    min-width: 4em;
}

#dataFiltrosTransacoesVenda #btnFiltrar {
    max-width: 5em;
    width: 5em;
}

#dataFiltrosTransacoesVenda #btnLimparFiltros {
    margin-left: 0.25rem;
    max-width: 9em;
    width: 9em;
}

#dataFiltrosTransacoesVenda #btnBuscarAguarde { 
    max-width: 8em;
    width: 8em;
}

#dataFiltersContractValidation #filtroDtValidadeAnvisa{ 
	border: #ddd solid;
    border-width: 1px 0px 1px 1px;
    max-width: 95px;
    width: 95px;
    height: 2em;
    text-indent: 6px;
}

#dataFiltrosTransacoesVenda #filtroBuscadorCotacaoFornecedor{ 
    width: 17em;
    height: 2em;
    border: 1px #ddd solid; 
    text-indent: 6px;
}

#dataFiltersContractValidation input[type="text"]{ 
    width: 13em;
    height: 2em;
    border: 1px #ddd solid; 
    text-indent: 6px;
}

#dataFiltrosTransacoesVenda .noneFocusedInput, #dataFiltersContractValidation .noneFocusedInput{
    outline: 0px !important;
    box-shadow: none !important;
}

#dataFiltrosTransacoesVenda .selectFiltro, #dataFiltersContractValidation .selectFiltro{
    height: 3em;
    text-indent: 5px;
    padding-right: 1.8em;
}

.select-to-insert{
    text-indent: 5px;
    padding-right: 1.8em;
    color: #787472 !important;
    border: 1px solid #ddd !important; 
    
    color: #787472 !important;
    border: 1px solid #ddd !important;
    background: none;
    height: 34px;
    -webkit-appearance: none;
    cursor: pointer;
}

.select-to-insert-arrow{
	margin-left: 5.5em;
    margin-top: -1.2em;
    float: right;
    position: relative;
    pointer-events: none;
    color: var(--primary-color);
    display: inline-table;
    background: white;
    margin-bottom: 1px;
    margin-right: 1px;
}

#dataFiltrosTransacoesVenda select.bootstrap, #dataFiltersContractValidation select.bootstrap{
    color: #787472 !important;
    border: 1px solid #ddd !important; 
}

#dataFiltrosTransacoesVenda .selectFiltro option, #dataFiltersContractValidation .selectFiltro option{
    color: #000000 !important;
}

.select-to-insert option{
    color: #000000 !important;
}

#dataFiltersContractValidation .select-div #filtroStatusSolicitacaoContrato +.material-icons{
    margin-left: 4em;
    margin-top: -1.2em;
    float: right;
}

#dataFiltersContractValidation .select-div #filtroStatusContrato +.material-icons{
    margin-left: 4em;
    margin-top: -1.2em;
    float: right;
}

#dataFiltersContractValidation .select-div #filtroStatusProdutoContrato +.material-icons{
    margin-left: 4em;
    margin-top: -1.2em;
    float: right;
}

#dataFiltersContractValidation .select-div #filtroTipo +.material-icons{
    margin-left: 4em;
    margin-top: -1.2em;
    float: right;
}

#dataFiltersContractValidation .select-div #filtroBuyerId +.material-icons{
    margin-left: 4em;
    margin-top: -1.2em;
    float: right;
}

#dataFiltersContractValidation .select-div #filtroSupplierIds +.material-icons{
    margin-left: 6em;
    margin-top: -1.2em;
    float: right;
}

#dataFiltrosTransacoesVenda .select-div--icon {
    display: inline-block;
    position: relative;
}

#dataFiltrosTransacoesVenda .select-div--icon select + .material-icons {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

#dataFiltrosTransacoesVenda .select-div #filterSurgerySite + .material-icons{
    margin-top: -1.2em;
    float: right;
    margin-right: .3em;
}

#dataFiltrosTransacoesVenda .input-and-icon {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

#dataFiltrosTransacoesVenda .input-and-icon .div-searchIcon {
    padding: 0.25rem;
    margin-left: 0.25rem;
    background-color: transparent;
    border: 1px solid var(--brand-primary-04);
    border-radius: 50%;
    cursor: default;
}

#dataFiltrosTransacoesVenda .input-and-icon .div-searchIcon .material-icons,
#dataFiltersContractValidation .right-icon .div-searchIcon .material-icons{
    color: var(--brand-primary-04);
    font-size: 18px;
}

#dataFiltersContractValidation .right-icon .div-calendarIcon .material-icons{ 
    font-size: 18px;
}

#dataFiltersContractValidation .div-searchIcon {
    display: inline;
    cursor: pointer;
    width: 2.0em;
    height: 2.2em;
    position: absolute;
    margin-left: 12.5em;
    padding: .7em 0 0 .9em;
    background-color: #FFF;
    margin-top: 0px;
    border-width: 1px 1px 1px 0px;
    border-style: solid;
    border-color: #ddd;
}

#dataFiltersContractValidation .div-calendarIcon {
    display: inline;
    cursor: pointer;
    width: 2.0em;
    height: 2.2em;
    position: absolute;
    padding: .7em 0 0 .9em;
    background-color: #FFF;
    margin-top: 0px;
    border-width: 1px 1px 1px 0px;
    border-style: solid;
    border-color: #ddd;
}

#dataFiltrosTransacoesVenda .select-div .material-icons, #dataFiltersContractValidation .select-div .material-icons{ 
    position: relative;
    pointer-events: none;
    color: var(--brand-primary-04);
}

#dataFiltrosTransacoesVenda .select-div select {
    background: none;
    -webkit-appearance: none;
    cursor: pointer;
}

 #dataFiltersContractValidation .select-div select{
    background: none;
    height: 34px;
    -webkit-appearance: none;
    cursor: pointer;
}

#cotacoesAVencer .border-red{
    border-left: 2px #FF1B1B solid;
}

#cotacoesAVencer .border-yellow{
    border-left: 2px #FFA41B solid;
}


#cotacoesAVencer #icon-status{
    font-size: 18px;
    color: var(--brand-primary-03);
}

#icon-status{
    font-size: 18px;
    color: var(--brand-primary-03);
    cursor: pointer;
}

#cotacoesAVencer .col-2-lc {
    max-width: 32em;
}

#cotacoesAVencer .col-3-lc{
    max-width: 37em;
}

#cotacoesAVencer .col-4-lc{ 
    max-width: 21em;
}

#cotacoesAVencer .col-5-lc{
    max-width: 5em;
}

.bussiness-flow-wrapper{  
    position: absolute; 
    top: 56px;     
    min-height: calc(100vh - 180px);    
    padding: 2%;   
    width: 100%;
    height: calc(100vh - 108px);
    background-color: #FFF;
    box-sizing: border-box;
    overflow-y: auto; 
}
.bussiness-flow-wrapper form{
    max-width: 52%;
    float: left;
}
.contain-choose-icon{
    overflow-y: auto;            
    background-color: #F7F7F7;
    margin-bottom: 100px;
}
.bussiness-flow-wrapper .contain-choose-icon{
	max-width: 43%;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}
.bussiness-flow-wrapper .contain-choose-icon-arrow {
    max-width: 5%;
    float: left;
    height: 0px;
    width: 0px;   
    border-top: 20px solid transparent;
    border-left: 20px solid transparent;
    border-right: 40px solid #F7F7F7;
    border-bottom: 20px solid transparent;
    margin-top: 48px;
    margin-left: -20px;
}
.contain-choose-icon h3{
	font-size: 16px;
    text-align: center;
    border: 1px solid darkgrey;
    width: 70%;
    margin-left: 29px;
    margin-top: 15px;
    margin-bottom: 30px;
    background-color: #FFF;
}
.contain-choose-icon .group-icon-flow{
	max-width: 100%;
	font-size: 25px!important;
	color: #000!important;  
	height: 350px;
	width: 285px;
	overflow: auto;
    padding-bottom: 10px;
    padding-right: 10px;	
	
}
.contain-choose-icon .group-icon-flow i:not(:nth-child(6n+0)){
	font-size: 28px;
	margin-right: 15px;
	margin-top: 10px;
}
.contain-choose-icon .group-icon-flow i{
	cursor: pointer;
}
.bussiness-flow-wrapper .form-group{
    margin-bottom: 10px;    
    position: relative;
}
.bussiness-flow-title{
    border-bottom: 1px solid gainsboro;
    padding-bottom: .5%;        
    margin-bottom: 3%;
}
.bussiness-flow-title h3{        
    font-size: 1.1rem;        
}
.bussiness-flow-wrapper table{
     border-collapse: separate;
     min-width: 422px;
     background-color: #F7F7F7;
     padding: 1rem .5rem;
}

.bussiness-flow-wrapper table tr:hover{
    background-color: var(--primary-color);
    color: #FFF;
}
.bussiness-flow-wrapper table tr:hover .dropdown-trigger{
	background-color: #FFF;
	color: var(--primary-color);
}
.dropdown-trigger{
   background: var(--primary-color);
   color: #FFF;
   border-radius: 0px; 	
   border-radius: 0px!Important;	
}
.bussiness-flow-wrapper table tr:hover .btn-cancel{    
    color: #FFF;
}
.bussiness-flow-wrapper table thead{     
     color: #000;
}
.bussiness-flow-body{
	overflow: auto;
	position: relative;
}
.bussiness-flow-body .td-icon .td-icon-contain{
	display: inline-block;
	min-width: 60px;
	background-color: #FFF;
	color: #000;	
	height: 26px;
	border: 1px solid #000;	
	cursor: pointer;	
}
.bussiness-flow-body .td-icon .td-icon-contain > span {
    float: left;
    height: 100%;
    width: calc(60% - 1px);
    border-right: 1px solid #000;   
}

.bussiness-flow-body .td-icon .td-icon-contain i {
	float: right;
	color: #000;	
}
.bussiness-flow-body .td-icon .td-icon-contain > span i.show-icon{
    text-align: center;
    font-size: 22px;
    float: left;
    margin-left: 7px;
    margin-top: 2px;
    color: #000;
}
.bussiness-flow-wrapper table td, .bussiness-flow-wrapper table th{   
   text-align: left;
   padding: 8px;
   font-size: .8rem;
}
.bussiness-flow-wrapper table td input{
    text-transform: uppercase;	
}
.bussiness-flow-wrapper tbody td:last-child{
    text-align: center;  
}
.bussiness-flow-wrapper .bussiness-flow-add{
    cursor: pointer;
    float: right;
    padding-top: 7px;   
    margin-right:20px;
    color: var(--primary-color)!important;
}
.bussiness-flow-wrapper .material-icons.btn-add{
    float: left;
    font-size: 20px!important;    
}
.bussiness-flow-wrapper .bussiness-btn-add-label{    
    font-size: 16px!important;    
}
.bussiness-flow-wrapper .btn-cancel{
     color: #522b61;
     cursor: pointer;   
     font-size: 26px;
}
.bussiness-flow-wrapper .ui-button-text-only .ui-button-text{
    padding: 0px!important; 
} 
.bussiness-flow-wrapper .btn.primary{
    min-width: 70px;
    padding: 7px 10px 7px 10px; 
    float: right;
}
#tbContentOrderData #colPreOrderIdOrcamento, #tbContentOrderData #colPreOrderIdPedido, #tbContentOrderData #colPreOrderIsPrivateQuotation{
    width: 15% !important;
}

#tbContentOrderData #spanPreOrderQuotationFlow{
	color: var(--brand-primary-04);
    max-width: 100px;
    width: 100px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;	
}
#modalQuotationFlow{
	height: 95%!important;
	background-color: #FFF;
	padding-top: 0px!important;     
}
#modalQuotationFlow .buttons-footer{
    overflow: auto;
    position: absolute;
    bottom: 55px;
    right: 0px;
} 


/*  NEW MODAL SUPPLIER */

.title-dialog-pedido .ui-dialog-title {
    color: var(--brand-primary-04);
    text-transform: capitalize !important;
    padding: 10px 0px 10px 0px !important;
    font-weight: bold !important;
}

.title-dialog-pedido .ui-state-default {
    margin-right: 1em !important;
}

#dialog-select-products-supplier .title-dialog-pedido  .ui-dialog>button
    {
    display: none;
}

#dialog-select-products-supplier .title-dialog-pedido .ui-dialog {
    border-radius: 10px !important;
}

#dialog-select-products-supplier .inputSearch {
    background-color: #FFF;
    border: 1px #ddd solid;
    border-radius: 0px !important;
}

div#filtersProductSupplier {
    height: 50px;
}

.shortcut-bootstrap-multiselect {
    width: 96%;
}

div#filtersProductSupplier #contentBrandToSelectSupplier, div#filtersProductSupplier #contentSupplierKitToSelectSupplier
    {
    width: 110px;
}

div#filtersProductSupplier .filtersProducSuppliertInput {
    width: 115px;
    float: left;
    margin-right: 1.5em;
}

div#filtersProductSupplier .filtersProducSuppliertInput .inputSearch {
    width: 110px;
    height: 2em;
}

div#filtersProductSupplier .filtersProducSuppliertInput #filtroIdMarca,
    div#filtersProductSupplier .filtersProducSuppliertInput #filtroIdKitProduto
    {
    width: 120px;
    margin-top: 5px;
    height: 3em;
}

#dialog-select-products-supplier .filtersProducSuppliertInput label {
    font-weight: bold !important;
}

#dialog-select-products-supplier tbody tr td {
    padding: 8px 8px 8px 5px;
}

#dialog-select-products-supplier tbody {
    padding: 0px 0px 0px 4px;
    width: 99.5% !important;
}

#dialog-select-products-supplier th {
    text-align: unset;
    padding: 10px 0px 10px 0px;
}

#dialog-select-products-supplier table.listSearch tbody tr td.spacer {
    background-color: var(--neutral-color-05);
    height: 4px;
    padding: 0px !important;
}

#dialog-select-products-supplier .modalPagination {
    margin: 1em 0 1em 31.5em !important;
}

#dialog-select-products-supplier table.listSearch tbody tr {
    background-color: #FFF;
    border-bottom: 4px #EDEDED solid;
    line-height: 2;
}

#dialog-select-products-supplier table.listSearch tbody tr:hover {
    background-color: #F9F9F9;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    border-left: none;
    border-right: none;
}

#dialog-select-products-supplier #modalfooter {
    margin-bottom: 1em;
}

#dialog-select-products-supplier .btnAddProduct {
    width: 119px;
    height: 22px;
    background: var(--brand-primary-04);
    border-radius: 25px;
    color: var(--white-color);
    border: none;
    cursor: pointer;
}

#dialog-select-products-supplier .btnAddAllProduct {
    width: 119px;
    height: 22px;
    background: var(--brand-primary-04);
    border-radius: 25px;
    color: var(--white-color);
    border: none;
    cursor: pointer;
}

#dialog-select-products-supplier .paginationModal .pagination {
    margin: 14px 0 2em 0;
}

#dialog-select-products-supplier #linkExibir {
    cursor: pointer;
    margin-top: 1.5em;
}

#dialog-select-products-supplier .loadingResultadoBuscaSupplierAjax {
    text-align: center;
    margin: 0 auto;
    height: auto;
}

#dialog-select-products-supplier #btnCloseModalSupplier {
    height: 3em;
    text-align: center;
    padding: 0em;
    margin: 15em 3em 0em 0em !important;
    background-color: #787472;
    border: none;
    bottom: 0;
    position: absolute;
    float: right;
}

#dialog-select-products-supplier .btnAddProductContract {
    position: relative;
    display: inline;
    width: 100px;
    height: 18px;
}

#dialog-select-products-supplier #iconContractAdded {
    margin-left: 1.5em;
    color: #24A729;
    font-size: 12px;
}

#dialog-select-products-supplier #iconContractAdded+span {
    color: #24A729
}

#dialog-select-products-supplier .labelUnitPrice {
    line-height: normal;
    min-width: 100px;
    text-align: center;
    padding-right: 58px;
}

#dialog-select-products-supplier .labelQuantity {
    line-height: normal;
    min-width: 30px;
    text-align: center;
    padding-right: 50px;
}

#dialog-select-products-supplier .labelDescription {
    line-height: normal;
    min-width: 145px;
}

#dialog-select-products-supplier .labelOperators {
    line-height: normal;
    min-width: 140px;
}

#dialog-select-products-supplier .labelSurgerySiteStates {
    line-height: normal;
    min-width: 50px;
}

#dialog-select-products-supplier .labelSurgerySites {
    line-height: normal;
    min-width: 155px;
}

#dialog-select-products-supplier .labels {
    color: #787472;
    font-weight: bold;
}

#dialog-select-products-supplier .rowContract {
    display: none;
    background-color: #F9F9F9 !important;
    box-shadow: none !important;
    width: 98.5%;
    margin-left: .8em;
    line-height: 1;
}

#dialog-select-products-supplier #columnAction {
    width: 13em;
}

#dialog-select-products-supplier #columnAction .material-icons {
    margin-left: -1em;
    color: #24A729;
    font-size: 12px;
}

#dialog-select-products-supplier #columnAction span {
    color: #24A729;
}

#dialog-select-products-supplier .columnInputQtd {
    width: 7.8em;
}
.overflow-hidden{
	overflow: hidden;	
}
.wrapper-quotation-flow{
	 width: 100%;
/* 	 height: 100%; 	  */
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: flex-start;
	 align-items: center;
	 font-size: 1rem;
	 box-sizing: border-box;
	 padding: 1% 8%;
	 padding-top: 40px;
}
.modalQuotationFlow-head{
	padding-left: 3%;
	padding-top: 2%;
	width: 50%;
    display: inline-block;	
}

.modalQuotationFlow-stage-history {
    width: 85%;
    display: flex;
    justify-content: flex-end;
}

.modalQuotationFlow-head-history, modalQuotationFlow-head-stage {
    display: inline-block;	
}

.modalQuotationFlowHistoryTitle{
    height: 3.2em;
    text-align: left;
    padding-top: 10px;
}


.modalQuotationFlowHistoryTitle span{
	color: #000000;
  	font-family: Lato;
  	font-size: 18px;
  	font-weight: 400;
  	line-height: 22px;
}

.modalQuotationFlowHistoryTitle i{
	font-size: 1.5em;
    float: right;
    font-weight: bold;  
}

#quotationFlowHistoryiconView {
    margin: 15px 8px;
    font-size: 20px;
    cursor: pointer;
    color: #03C2E5;
}


.modalQuotationFlowHistory{
	position: relative;
    width: 800px;
    height: 300px;
  	box-shadow: 0 2px 4px 0 rgba(95, 95, 95, 0.5);
    background-color: #FFF;
    border: 2px #bfbfbf solid;
    padding: .5em 1em 1em 1em;
    margin: 0 0 0 30%;
    cursor:pointer;
    border-radius: .6em;
    z-index: 10;
    overflow: auto;
}

.quotationFlowHistory-table th{
   	color: rgba(0, 0, 0, 0.85);
    font-family: Lato;
    font-size: 16px;
    line-height: 19px;
    text-align: left;
    padding-top: 20px;
}

.quotationFlowHistory-table td {
    color: #333333;
    font-family: Lato;
    font-size: 14px;
    line-height: 17px;
    text-align: left;
    padding-top: 15px;
}

.modalQuotationFlowHistoryContent {
  width: 1000px;
  height: 250px;
  margin: auto;
  overflow: auto;
}

.modalQuotationFlow-icon-history {
	font-size: 20px;
    color: var(--brand-primary-04);
}
.modalQuotationFlow-head h3{
	font-size: 16px;
}
.wrapper-quotation-flow .flow-description{
	display: inline-block;
    color: #000;
    font-size: 10px;
    width: 50px;
    max-width: 50px;    
    margin-top: 30px;
    text-align: center;
    margin-left: -14px;
    margin-bottom: 30px;
	
}
.current-item .flow-description{
	margin-top: 26px;
} 
.wrapper-quotation-flow .material-user{
    position: absolute;
    top: -30px;
    left: 41%;
    border-radius: 50%;
    padding: 1%;
    font-size: 20px;
    background-color: var(--primary-color);	
}
.wrapper-quotation-flow .item{ 
	text-align: center;
	padding-top: 6px;
    height: 35px;
    width: 35px;
    position: relative;
    border-color: var(--brand-primary-04);
    border-style: solid;
    background-color: #83CC83;   
    color: #FFF;
    border-radius: 50%;   
    cursor: pointer;
    box-sizing: border-box;    
    margin: 25px 31px;   
    margin-top: 60px;             
}
.wrapper-quotation-flow .item-active{           
     background-color: #83CC83!important;  
     border-color: #83CC83!important;
     box-shadow: 1px 1px 10px 0px #83CC83;
 }
 .wrapper-quotation-flow .item i{
    font-size: 16px;
 }
 .wrapper-quotation-flow .current-item{
    border-color: var(--brand-primary-04)!important;
    background-color: var(--brand-primary-04)!important;
    position: realtive;
    width: 49px;
    height: 49px;
    padding-top: 10px;
 }
 .wrapper-quotation-flow .item .item-line{
    position: absolute;
    height: 3px;
    background-color: #83CC83;
    border-color: #83CC83;
    width: 62px; 
    top: calc(50% - 1px);
    right: -65px;
 }
.item.active-color-flow ~ i{
	background-color: red;
}
 .wrapper-quotation-flow .item .item-line:last-child{
  display: none;
 }
 .wrapper-quotation-flow .current-item:after{
    content: "";
    position: absolute;
    border: 1px solid var(--brand-primary-04);
    height: 59px;
    width: 59px;
    border-radius: 50%;
    top: -9px;
    left: -9px;   
 }
 .wrapper-quotation-flow .current-item i{
   font-size: 22px;
 }
 .active-color-flow{
    background-color: #83CC83!important;
    border-color: #83CC83!important; 
}
.disable-color-flow{
	background-color: #cccccc!important;
    border-color: #cccccc!important; 	
}
.wrapper-quotation-flow .item-circle > p{
	margin: 0px;
	padding: 0px;
    margin-top: 9px;  
    margin-left: 1px;    
}
.modal-pedido-criado .ui-dialog-titlebar-close{
	display: none;
}
.modal-pedido-criado h3{
	font-size: 14px;
}
.modal-pedido-criado p{
	font-size: 18px;
}
.modal-pedido-criado p > span{
	color: #7D3EA9; 
}
.modal-pedido-criado button{
	margin-left: 145px;	
}
#tbContentOrderData td{
	width: 20%;
	vertical-align: top;
}
.modal-pedido-criado .ui-dialog-titlebar-close{
	margin-top: 3px!important;
}
#dialog-select-products-supplier .columnInputQtd .qtdProduct {
    width: 40px;
    border-radius: 5px;
    border: 1px #ddd solid;
    height: 2em;
    margin-left: -.8em;
    text-align: center;
}
#dialog-select-products-supplier .columnInputPrice {
    width: 9em;
}
#dialog-select-products-supplier .columnInputPrice input {
    width: 74px;
    border-radius: 5px;
    border: 1px #ddd solid;
    height: 2em;
    margin-left: -.8em;
    text-align: center;
}
#dialog-select-products-supplier #btnShowContracts {
    width: 9em;
    color: #24A729;
    display: flex;
    cursor: pointer;
    padding-top: 2em !important;
}
#dialog-select-products-supplier #filtroIdMarca,
    #dialog-select-products-supplier #filtroIdKitProduto {
    background: none;
    -webkit-appearance: none;
    cursor: pointer;
    height: 3em;
    text-indent: 5px;
    padding-right: 1.8em;
}
#modalPedidoCriado{
	overflow: hidden!important;
	padding: 0px!important;
}
.modal-pedido-criado .ui-dialog-title{
	display: none;
}
.modalPedidoCriado-header{
	padding-left: 10px;		
	position: absolute;
}
.modalPedidoCriado-body{
	padding-left: 10px;   
	margin-top: 80px; 
}
#modalPedidoCriado .buttons-footer{
	overflow: auto;			
    border-top: 1px solid #c1c1c1;
    position: absolute;
    bottom: -10px;
    width: 100%;    
    padding-bottom: 0px;
}
#modalPedidoCriado #btnModalCancel span{
	text-transform: capitalize!important;	
	font-size: 14px!important;	
}    
#modalPedidoCriado #btnModalCancel{
	background-color: var(--brand-primary-04)!important;
	color: var(--white-color);
	position: relative;
} 
#modalPedidoCriado #btnModalCancel .btn-close-modal{
	display: inline-block;
    background-color: var(--white-color);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    color: var(--brand-primary-04)!important;
    position: absolute;
    left: 12px;
    top: 9px;
}
#modalPedidoCriado #btnModalCancel .btn-close-modal > i{
	font-size: 19px;
	font-weight: bold;
	margin-top: 1px;	
}
.modalPedidoCriado-body p{
	color: var(--feedback-positive-03);
}
.modalPedidoCriado-body p span, #modalPdcTitle{
	color: var(--brand-primary-04);
}
#dialog-select-products-supplier #filtroIdMarca+.material-icons,
    #dialog-select-products-supplier #filtroIdKitProduto+.material-icons {
    margin-top: -1.2em;
    float: right;
    margin-right: -.3em;
    position: relative;
    pointer-events: none;
    color: var(--brand-primary-04);
}
.loadingDivGeneralPreOrder{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 999999999999999;
    width: 100vw;
    height: 100vh;
    background: #000;
    opacity: .7;   
}
.loadingDivGeneralPreOrder img{
	position: absolute;
    top: calc(50% - 100px);
    left: calc(50% - 100px);
    width: 100px;
    height: 100px;
}

.min-width-70{
	min-width: 70%;
}

.padding-left-30{
	padding-left: 30px;
}

.divDateSmall{
	width: 120px !important;
    display: inline-block;
}

.background-red {
	background-color: #FF1B1B;
}

.color-red {
	color: #FF1B1B;
}

.background-yeallow {
	background-color: #FDC000;
}

.background-light-blue {
	background-color: #00CED5;
}

.background-green {
	background-color: #66BD2B !important;
}

.border-green {
	border-color: #66BD2B !important;
}

.color-green {
	color: #66BD2B;
}

.background-black {
	background-color: #505252;
}

.color-black{
	color: #505252;
}

/* NEW LAYOUT EXIBECOTACAO*/
.titleBlockContent{
    padding: 1em 0 2em 0;
    background-color: var(--white-color);
    color: var(--brand-primary-04);
    font-weight: bold;
}
.titleBlockContent h5{
    font-size: 14px;
    padding: 1em 0 0 1em;
}
.titleBlockContent span {
    color: #505252 !important;
    padding-left: 5px !important;
    text-align: left !important;
}
.lista-exibe-cotacao thead th{
    color: #353230;
    padding: 8px;
    border: 2px solid #ededed;
    background-color: #ededed;
    font-weight: bold;  
}
.lista-exibe-cotacao tbody tr{
    background-color: #F7F7F7;
    border-top: .5em #FFFFFF solid;
}
.lista-exibe-cotacao tr td{
    padding: 6px 3px 6px 6px;
    line-height: 30px;
    border: .1px solid #EDEDED;
} 
#resposta-produtos #btnAddProducts, #resposta-produtos #btnAddProductsSupplier, #resposta-produtos #btnAdicionarProdutos{
    height: 2.5rem;
    width: 10.375rem;
    padding: 1em 0 1rem 0;
    margin-top: -4em;
}
.icon-button{
    font-size: 22px !important;
    margin-top: -.2em !important;
} 
.text-button{
    padding-left: 1em;
    padding-right: .8em;
    float: right;
}
#btnResponderCotacao, #btnEnviarUtilizacao{
    background-color: #66BD2B;
    border-color: #66BD2B;
}
.blockAlignLeft{
    width: 43.6%;
    float: left;
    margin-left: 1em;
    background-color: #FFFFFF;
    margin-right: .6em;
}
.blockAlignRight{
    width: 56.5%;
    float: right;
    background-color: #FFFFFF;
}
.blockAlignLeftTreePart{
    width: 32.6%;
    float: left;
    margin-left: 1em;
    background-color: #FFFFFF;
    margin-right: .6em;
}
.limit-text{
    max-width: 94%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.custom-select{
    background: none;
    -webkit-appearance: none;
    cursor: pointer;
    padding: 0 1.7em 0 .5em !important;
}
.custom-select + i{
    margin-left: 4.5em;
    margin-top: -1.1em;
    float: right;
    position: relative;
    pointer-events: none;
    color: var(--brand-primary-04);
}
.produtoSimilar td{
	padding: 4px 3px 6px 4px !important;
}
.titleBlockDesconto h5 {
    background-color: #FFFFFF;
    padding: 1em 0 1em 1em !important;
    color: #7D3EA9;
    font-size: 14px;
    font-weight: bold;
}
#Descontos {
    margin-bottom: .6em;
}
.headerTabelaProdutos th {
    color: #505252;
    padding: 8px;
    border-top: 1px solid #666666;
    background-color: #E1E1E1;
    font-weight: bold;
    border: none;
    line-height: 15px;
}
.headerTabelaProdutos td {
    border: none !important;
}
.headerTabelaProdutos {
    top: 0; 
    margin-top: 5em;
    width: 96%;
}
#resposta-produtos .tableLista tbody product-row:hover{
    background-color: #FFFFFF !important;
}
.product-row td{
    border-bottom:none !important;
}
.product-row{
    border-top: .3em #e1e1e1 solid;
}
#resposta-produtos #btnFiltrar{
    display: inline-flex;
    width: 11em;
    padding: .2em .5em .2em .3em;
    height: 2.5em;
    border-radius: 20px;
    background-color: #FFFFFF;
    border-color: rgba(222, 222, 222, 1);
}
#resposta-produtos .tableLista tbody .trDesconto:hover{
    background-color: #E1E1E1 !important;
}
.btnRemoveRow{
    background-color: #F3F3F3 !important;
}
#resposta-produtos .tableLista tbody .btnRemoveRow{
    background-color: #E1E1E1 !important;
}
.btnRemoveRow #btnRemoverAlternativa{
    display: inline-flex;
    width: 8em;
    padding: .2em .5em .2em .3em;
    height: 2.4em;
    border-radius: 20px;
    background-color: #FFFFFF;
    border-color: rgba(222, 222, 222, 1);
}
.btnRemoveRow #btnRemoverAlternativa span{
    margin-left: .6em;
    margin-top: .3em;
}
.btnRemoveRow #btnRemoverAlternativa i{
    color: rgba(145, 64, 169, 1);
}
.trDesconto td{
    border-bottom: none !important;
}
.conteudo {
    resize: none;
}
#btnSearchSimilar{
    display: inline-flex;
    width: 1em;
    min-width: 6em;
    padding: .2em .5em .2em .5em;
    height: 1.5em;
    border-radius: 20px;
    background-color: #FFFFFF;
    border-color: rgba(222, 222, 222, 1);
    font-weight: normal;
    margin-top: .5em;
}
#btnSearchSimilar i{
    font-size: 15px;
    color: #7D3EA9;
}
#btnSearchSimilar span{
    margin-left: .5em;
    font-size: 12px;
    color: #7D3EA9;
}
#resposta-produtos{
    padding: 0em .5em 1em .5em;
    background-color: #FFFFFF;
}
.text-color-primary {
    color: var(--brand-primary-04);
}
.lista-produtos-cotacao td {
   padding: 8px 3px 8px 6px;
}
.lista-produtos-cotacao th {
   padding: 6px 3px 6px 6px;
}
.lista-produtos-cotacao input{
	height: 12px !important;
}
.tdStatus {
    line-height: 15px;
    text-align: center;
}
.valorDescontoRealItem{
    width: 4em;
    margin-left: 5px;
}
#btnAddProductsSupplier .section-add-button{
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
#btnAddProductsSupplier .section-add-button:hover{
    background-color: var(--brand-primary-04);
}
#btnAddProductsSupplier .section-add-button:hover .add-icon, #btnAddProductsSupplier .section-add-button:hover .add-element{
    color: #FFF;
}
.btn-hover{
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.btn-hover:hover i, .btn-hover:hover span{
    color: #FFF !important;
}
.btn-hover:hover{
    background-color: rgba(145, 64, 169, 1) !important;
}
#btnNaoParticipar{
	background-color: #FF1B1B;
	border:none;
}

div#dadosFatura {
    padding-top: 2px;
    color: #404040;
}
#resumoCotacao {
    margin-left: 1em;
    background-color: #FFFFFF;
    display: grid;
    margin-bottom: .6em;
}
#incluirArquivo{
    padding: 0em 2em 3em 2em;
    margin-left: 3em;
    background-color: #FFFFFF;
    width: 41%; 
    display: grid;
    margin-bottom: .5em;
}
.dadosResumo {
    margin-right: 2em;
    min-width: 15%;
    max-width: 15%;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.titleLabelResumo {
    font-weight: bold;
}
.valueContent {
    line-height: 2;
    font-size: 13px;
}
.padding-left-35 {
    padding-left: 35px;
}

.padding-bottom-25 {
    padding-bottom: 25px !important; 
}

.firstLine {
    display: inline-flex;
    max-height: 5em;
    margin-bottom: 1.5em;
    padding: 0em 2em 0em 2em;
}
.secondLineResumo, .thirdLineResumo{
    display: inline-flex;
    position: relative;
    margin-top: -2em;
    padding: 0em 2em 3em 2em;
}
.secondLine{
    display: inline-flex;
    position: relative;
    padding: 0em 2em 3em 2em;
}
.termosCondicoes{
    max-width: 38%;
    margin-right: 2em;
    min-width: 13%;
}
.termosCondicoes #conteudoCondicoes{
    text-align: justify;
    padding-top: .5em;
    max-height: 150%;
    overflow: auto;
    font-size: 13px;
}
#btnVoltar{
	background-color: #C1C1C1;
	color: #FFF;
}
#modalidadeDesconto{
    width: 5.7em;
}

#categoriaDesconto{
    width: 7.7em;
}

#tipoDesconto{
    width: 3.8em;
}

#ultimaObservacao{
	padding: 0em 1em 1em 1em;
}

#ultimaObservacao textarea{
    text-align: left; 
    width: 92%;
    padding: 1em 1em 1em 1em;
}

#LastCommentBuyer{
	padding: 0em 1em 1em 1em;
}

#LastCommentBuyer textarea{
    text-align: left; 
    width: 92%;
    padding: 1em 1em 1em 1em;
}

.threeBlockThirdComment{
    width: 35%;
    margin-left: .6em;
    background-color: #FFF;
}

#liRespostaListaProc{
	padding: 0 0 0 1em;
    margin-bottom: .6em;
}

#divListaProcedimento{
	padding: 0 .5em .5em .5em;
	background-color: #FFFFFF;
}

#blockCondicoesFornecedor{
    background-color: #FFFFFF; 
}

.labelInputCondPag{
    display: inline-grid !important;
}

.inputFaturamentoMin{
    text-align:right;
    border-radius: 0 !important;
    margin-top: .5em !important;
    width:60%;
}

#blockSupplierDocumentList{
	width: 100%;
}
/* FIM NEW LAYOUT EXIBECOTACAO*/

.color-opmenexo {
	color: var(--primary-color);
}

.color-light-blue {
	color: #00CED5;
}

.limite-texto {    
    max-width: 94%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-align-left {
	text-align: left;
}

.vertical-align-mid {
	vertical-align: middle;
}

.horizontal-align-center {
	text-align: center;
}

.side-colored-bar{
	width: 6px;
	height: 72px;
	float: left;
}

.preorder-side-colored-bar {
    background-color: var(--brand-primary-04);
    width: 3px !important;
    height: 49px;
    margin-left: -5px;
    margin-top: -1px;
}

.rounded-action-border {
	border: 2px #E1E1E1 solid;
    border-radius: 5px;
    padding: 3px;
    width:	84%;
    margin-left: 5px
}

tr.th-no-side-paddings th {
	padding: 1em 0em 1em 0em !important;
}


tr.td-no-padding td {
	padding: 0em;
}

.opme-new-field {
    height: 2em !important;
    border: 1px #ddd solid !important;
    text-indent: 6px !important;
	border-radius: 0px !important;
    background-color: #FFFF !important;
}

span.button-span-opme-style{
	vertical-align: super;
	display: inline-block; 
	font-weight: bold;
}

.threeBlockFirst{
	width: 30%;
	background-color: #FFF;
}

.threeBlockSecond{
    width: 35%;
    background-color: #FFF;
    margin-left: .3em;
}

.threeBlockThird{
    width: 35%;
    margin-left: .3em;
    background-color: #FFF;
}

.icon-indisp{
    margin-right: 7%;
}

.valorDescontoRealItem{
    height: 12px;
}

/* TODO: front day */
#btnNegociacaoSoliciada{
    cursor: pointer !important;
}
#btnNegociacaoSoliciada i{
    cursor: pointer !important;
}
.text-area-dialog{
    margin-top: 20px !important;
    width: 100%;
    resize:none;
    border:none;
    cursor: default !important;
}
/*  END NEW MODAL SUPPLIER */

#table-aba-cotacoes td{
    position: relative;
}
#table-aba-cotacoes .td-aba-cotacoes-publicas{
    border-left: 30px solid #FFF;
}
#table-aba-cotacoes .aba-cotacao.active{
    border-bottom: 4px var(--brand-primary-04) solid!important;
    cursor: pointer;
    padding: 1em 1.3em 1em 1em;
    border-radius: 10px;
    color: var(--brand-primary-04);
}

#table-aba-cotacoes .aba-cotacao{
    color: #787472;
    border-color: #787472;
    border-width: 0px;
    border-bottom: 0px;
    cursor: pointer;
    padding: 1em 1.3em 1em 1em; 
}

#table-aba-cotacoes .material-icons{
    font-size: 18px;    
    position: absolute;
}

.lista-itens .tabela-itens .col-1-lc{
    padding-top: 0px;
    padding-bottom: 0px;
    vertical-align: initial;
    padding-top: .5em
}
.lista-itens .tabela-itens .titulo-filtro-data{
    width: 100%;
    display: inline-block;
}

#table-aba-cotacoes .aba-cotacao > span{
    margin-left: 10px;
    font-size: 14px;
}
#table-aba-cotacoes .td-aba-cotacoes-publicas span{
    margin-left: 28px;
}
#table-aba-cotacoes .td-aba-cotacoes-negociacao span{
    margin-left: 28px;
}
.tabela-itens .table-column-sort{
    position: relative; 
}
.tabela-itens .table-column-sort i{
    font-size: 12px;    
    color: var(--feedback-info-02);
}
.tabela-itens .table-column-sort i:last-child {
	position: absolute;
	bottom: -2px;
	left: 6px;	
}

.toolTipProductModal{
	background-color: #FFF;
	width: 50em;
	height: 20em;
	max-height: 20em;
    overflow: auto;
    position: absolute;
    top: 10em;left: 1.2em; 
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    display:none;
    padding-bottom: 1em;
}

.rodapeDialogAttachedFiles{
	position: absolute;
    bottom: 0;
}

#openObservation{
	padding: 1em 1em 0 .5em;
	color: #00CED5;
	text-decoration-line: underline;
	cursor: pointer;
	font-weight: bold;
}

#openProductNCod{
	padding: 1em 0em .5em 1em;
	color: #00CED5;
	text-decoration-line: underline;
	cursor: pointer;
	font-weight: bold;
}
.bussiness-flow-body input{
    border-radius: 0px!important;
    border: 1px solid #000!important;
}
#blockSpanModal{
	margin-top: .5em;
	bottom: 6.3em;
	position: absolute;
	z-index: 9999;
}

.padding-1em{
    padding-left: 1em;
}
.padding-05em{
	padding-left: .5em;
}

.add-product-indicator-supplier{
	color: #FFA24D;
}
.add-product-indicator-buyer{
    color: var(--neutral-color-03);
}

/********************************
    MODAL PRODUTOS COMPRADOR
*********************************/
div#filtersProductPos {
    height: 50px;
}

div#filtersProductPos #contentBrandBuyerToSelect, div#filtersProductPos #contentBuyerKitToSelect {
    width: 115px;
}

div#filtersProductPos .filtersProductPosInput {
    width: 105px;
    float: left;
    margin-right: 1em;
}

div#filtersProductPos .filtersProductPosInput .inputSearch {
    width: 97px;
    height: 2em;
}

div#filtersProductPos .filtersProductPosInput #filtroPosIdMarca,
    div#filtersProductPos .filtersProductPosInput #filtroPosIdKitProduto
    {
    width: 120px;
    margin-top: 5px;
    height: 3em;
}

#dialog-select-products-pos .title-dialog-pedido  .ui-dialog>button
    {
    display: none;
}

#dialog-select-products-pos .title-dialog-pedido .ui-dialog {
    border-radius: 10px !important;
}

#dialog-select-products-pos .inputSearch {
    background-color: #FFF;
    border: 1px #ddd solid;
    border-radius: 0px !important;
}

div#filtersProduct {
    height: 50px;
}

div#filtersProduct #contentBrandToSelect, div#filtersProduct #contentKitToSelect
    {
    width: 110px;
}

div#filtersProduct .filtersProductInput {
    width: 115px;
    float: left;
}

div#filtersProductPos .filtersProductInput .inputSearch {
    width: 110px;
    height: 2em;
}

div#filtersProductPos .filtersProductInput #filtroPosIdMarca,
    div#filtersProductPos .filtersProductInput #filtroPosIdKitProduto
    {
    width: 120px;
    margin-top: 5px;
    height: 3em;
}

#dialog-select-products-pos .filtersProductPosInput label {
    font-weight: bold !important;
}

#dialog-select-products-pos tbody tr td {
    padding: 8px 4px;
}

#dialog-select-products-pos tbody {
    padding: 0px 0px 0px 4px;
    width: 99.5% !important;
}

#dialog-select-products-pos th {
    text-align: unset;
    padding: 10px 0px 10px 0px;
}

#dialog-select-products-pos table.listSearch tbody tr td.spacer {
    background-color: var(--neutral-color-05);
    height: 4px;
    padding: 0px !important;
}

#dialog-select-products-pos .modalPagination {
    margin: 1em 0 1em 31.5em !important;
}

#dialog-select-products-pos table.listSearch tbody tr {
    background-color: var(--white-color);
    border-bottom: 4px var(--neutral-color-06) solid;
    line-height: 2;
}

#dialog-select-products-pos table.listSearch tbody tr:hover {
    background-color: #F9F9F9;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    border-left: none;
    border-right: none;
}

#dialog-select-products-pos #modalfooter {
    margin-bottom: 1em;
}

#dialog-select-products-pos .btnAddProduct {
    width: 119px;
    height: 22px;
    background-color: var(--brand-primary-04);
    border-radius: 25px;
    color: var(--white-color);
    border: none;
    cursor: pointer;
}

#dialog-select-products-pos .btnAddAllProduct {
    width: 119px;
    height: 22px;
    background-color: var(--brand-primary-04);
    border-radius: 25px;
    color: var(--white-color);
    border: none;
    cursor: pointer;
    margin-right: 2em;
}

#dialog-select-products-pos .paginationModal .pagination {
    margin: 14px 0 2em 0;
}

#dialog-select-products-pos .linkExibir {
    cursor: pointer;
    margin-top: 1.5em;
}

#dialog-select-products-pos .loadingResultadoBuscaAjax {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    z-index: 1;
    opacity: .7;
}

#dialog-select-products-pos .loadingResultadoBuscaAjax img{
    margin: 10em 0 auto 0;
}

#dialog-select-products-pos #btnCloseModalBuyer {
    height: 3em;
    text-align: center;
    padding: 0em;
    margin: 15em 3em 0em 0em !important;
    background-color: #787472;
    border: none;
    bottom: 0;
    position: absolute;
    float: right;
}

#dialog-select-products-pos .btnAddProductContract {
    position: relative;
    display: inline;
    width: 100px;
    height: 18px;
}

#dialog-select-products-pos .btnAddProductContract.btnAddProductContractDisabled {
    background-color: var(--neutral-color-04);
    color: var(--black-color);
    cursor: not-allowed;
}

#dialog-select-products-pos #iconContractAdded {
    margin-left: 1.5em;
    color: #24A729;
    font-size: 12px;
}

#dialog-select-products-pos #iconContractAdded+span {
    color: #24A729
}

#dialog-select-products-pos .labelUnitPrice {
    line-height: normal;
    text-align: center;
}

#dialog-select-products-pos .labelQtdConf{
    text-align: center;
}

#dialog-select-products-pos .labels {
    color: #787472;
    font-weight: bold;
}

#dialog-select-products-pos .rowContract {
    display: none;
    background-color: var(--white-color) !important;
    box-shadow: none !important;
    width: 98.5%;
    margin-left: .8em;
    line-height: 1;
    position: relative;
    border-left: 2em solid var(--neutral-color-06);
}

#dialog-select-products-pos .columnAction {
    width: 13em;
}

#dialog-select-products-pos .columnAction .material-icons {
    margin-left: -1em;
    color: var(--feedback-positive-02);
    font-size: 12px;
}

#dialog-select-products-pos .columnAction span {
    color: var(--feedback-positive-02);
}

#dialog-select-products-pos .columnInputQtd {
    text-align: center;
}

#dialog-select-products-pos .columnInputQtdConf {
    text-align: center;
}

#dialog-select-products-pos .columnInputQtd .qtdProduct {
    width: 40px;
    border-radius: 5px;
    border: 1px #ddd solid;
    height: 2em;
    text-align: center;
}

#dialog-select-products-pos .qtdProductContract {
    width: 40px;
    border-radius: 5px;
    border: 1px #ddd solid;
    height: 2em;
    text-align: center;
}

#dialog-select-products-pos .columnInputQtdConf .qtdProductConf {
    width: 40px;
    border-radius: 5px;
    border: 1px var(--neutral-color-04) solid;
    height: 2em;
    text-align: center;
}

#dialog-select-products-pos .columnInputPrice {

}
#dialog-select-products-pos .columnInputPrice input {
    width: 74px;
    border-radius: 5px;
    border: 1px var(--neutral-color-04) solid;
    height: 2em;
    text-align: center;
}
#dialog-select-products-pos .btnShowBuyerContracts {
    color: var(--feedback-positive-02);
    cursor: pointer;
    text-align: center;
    position: relative;
}
#dialog-select-products-pos #filtroPosIdMarca,
    #dialog-select-products-pos #filtroPosIdKitProduto {
    background: none;
    -webkit-appearance: none;
    cursor: pointer;
    height: 3em;
    text-indent: 5px;
    padding-right: 1.8em;
}
#dialog-select-products-pos #filtroPosIdMarca+.material-icons,
    #dialog-select-products-pos #filtroPosIdKitProduto+.material-icons {
    margin-top: -1.2em;
    float: right;
    margin-right: -.3em;
    position: relative;
    pointer-events: none;
    color: var(--brand-primary-04);
}

#dialog-select-products-pos .productList{
	overflow: auto;
	height: 250px;
	background-color: var(--neutral-color-06);
	display: block;
	border-left: .5em solid var(--neutral-color-06);
}


/********************************
    FIM MODAL PRODUTOS COMPRADOR
*********************************/


input.postSurgeryUsedAmountBuyerInput {
	width: 20px;
	background-color: #FFFFFF;
    border: 2px solid #BFBFBF;
    border-radius: 4px;
    color: #000000;
    font-weight: normal;
    text-align: center;
}
input.postSurgeryUsedAmountBuyerInput:focus {
	border: 2px solid #555;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.postSurgeryNegotiatedValueInput{
    text-align: center;
    padding: 5px 10px 5px;
    font-size: 12px !important;
    width: 6em;
    background-color: #fff;
    border: 2px solid #bfbfbf;
    border-radius: 4px;
}

.postSurgeryAgreementValueInput{
    text-align: center;
    margin-top: 3px;
    padding: 5px 10px 5px;
    font-size: 12px !important;
    width: 6em;
    background-color: #fff;
    border: 2px solid #bfbfbf;
    border-radius: 4px;
}

.postSurgerySaleTaxInput {
    text-align: center;
    padding: 5px 10px 5px;
    font-size: 12px !important;
    width: 6em;
    background-color: #fff;
    border: 2px solid #bfbfbf;
    border-radius: 4px;
}

.postSurgeryDiscount {
	color:  var(--feedback-positive-02) !important;
	font-size: var(--size--xxxs);
}

input.postSurgeryNegotiatedValueInput:focus, input.postSurgeryUsedAmountBuyerInput:focus, input.postSurgerySaleTaxInput:focus, input.postSurgeryAgreementValueInput:focus {
    border: 2px solid #555;
}

.internCodeInput{
	width: 80%;
}

.agreementCodeInput{
	width: 80%;
}

#revenueInformationEdit{
	width: 70%;
    height: 2.2em;
    border-radius: 4px !important;
}
.billingInformationEdit{
    height: 2.2em;
    border-radius: 3px !important;
    width: 14em;
}
.othersInput.post-surgery {
    padding-right: .5em;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: .2em;
}
.postAuthorizationProductBillingInformation {
	height: 26px;
	margin: 5px;
	width: 184px;
}
/**
* Product Observation Approver
*/

.list-product-table  td .product-obs__modal {
    text-align: left;
}

.productPostAuthSupplierObservation {
    display: none;
    position: absolute;
    width: 30em;
    background-color: #FFF;
    border: 2px #bfbfbf solid;
    height: 15em;
    padding: .5em 1em 1em 1em;
    cursor:pointer;
    border-radius: .6em;
    z-index: 10;
    left: 15%;
}

.productPosObservation {
    display: none;
    position: absolute;
    width: 30em;
    background-color: #FFF;
    border: 2px #bfbfbf solid;
    height: 15em;
    padding: .5em 1em 1em 1em;
    cursor:pointer;
    border-radius: .6em;
    z-index: 10;
    left: 19%;
}

.product-obs__modal {
    display: none;
    position: absolute;
    width: 30em;
    background-color: var(--white-color);
    border: 2px var(--neutral-color-03) solid;
    height: 15em;
    padding: .5em 1em 1em 1em;
    cursor:pointer;
    border-radius: .6em;
    z-index: 10;
    left: 10%;
}
.preorder-suppliers .product-obs__modal {
    left: 67% !important;
    width: 20em !important;
    height: 10em !important;
}

.product-batch__modal {
    display: flex;
    flex-flow: column;
    position: absolute;
    min-width: 20em;
    height: 15em;
    overflow: auto;
    background-color: #FFF;
    padding: .5em 1em 1em 1em;
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
    z-index: 2;
}

.batch__table_row {
    background-color: #F4F4F4;
    border-bottom: 4px solid white;
}

.batch_qtd_row {
    text-align: center;
}

.product-batch__title {
    font-size: 14px; 
    font-weight: bold;
    color: var(--brand-primary-04);
}

.product-batch__title_wrapper i{
    font-size: 14px;
    color: grey;
    cursor: pointer;
}

.product-batch__title_wrapper{
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
    margin-bottom: 15px;
}

#icon-batch-supplier {
    font-size: 25px;
    color: var(--brand-primary-03);
    margin-right: 20px;
    position: relative;
    cursor: pointer;
}

#batch-notification i {
    left: 25px;
}

.batch_icon {
    text-align: center; 
}

.spanObservation .product-obs__title {
    font-size: 1.3em; 
    color: var(--black-color);
}

.product-obs__sub-title {
    margin: 10px 0; 
    padding: 0;
}

.product-obs__observation {
    width: 98.7%;
    height: 70%;
    font-family: 'Lato';
    border-radius: 5px;
}

.spanObservation i:hover, .spanSupplierObservation i:hover{
	color:var(--brand-primary-03);
}
.textObservation{
	width: 98.7%;
    height: 75%;
}

.spanObservation, .spanSupplierObservation{
    height: 1.2em;
}

.spanObservation i, .spanSupplierObservation i{
	font-size: 1.5em;
    float: right;
    font-weight: bold;  
}

.spanObservation span, .spanSupplierObservation span{
	font-size: 12px;
    color: var(--brand-primary-04);
    font-weight: bold;
}

.productPosObservationApprover{
	position: absolute;
    width: 391px;
    height: 291px;
  	box-shadow: 0 2px 4px 0 rgba(95, 95, 95, 0.5);
    background-color: #FFF;
    border: 2px #bfbfbf solid;
    padding: .5em 1em 1em 1em;
    margin: 0 0 0 40%;
    cursor:pointer;
    border-radius: .6em;
    z-index: 10;
}

.purchaseOrderRefusalContent{
    position: absolute;
    width: 393px !important;
    height: 377px !important;
    box-shadow: 0 2px 4px 0 rgba(95, 95, 95, 0.5);
    background-color: #FFF;
    border: 2px #bfbfbf solid;
    padding: .5em 1em 1em 1em;
    border-radius: .6em;
    z-index: 10;
}

.purchaseOrderJustifyCancelContent{
	position: absolute;
    width: 900px !important;
    height: 250px !important;
    box-shadow: 0 2px 4px 0 rgba(95, 95, 95, 0.5);
    background-color: #FFF;
    border: 2px #bfbfbf solid;
    padding: .5em 1em 1em 1em;
    border-radius: .6em;
    z-index: 10;
}

.contentHistoryPurchaseOrderBody{
	overflow:auto; 
	width:880px; 
	height:130px; 	
}

.contentHistoryPurchaseOrderTitle{
	overflow:none; 
	width:880px; 
}

.oc-product-table .oc-history-table-list td{
	text-align: left;
}

.purchaseOrderCancelContent{
    position: absolute;
    width: 387px !important;
 	height: 319px !important;;
    box-shadow: 0 2px 4px 0 rgba(95, 95, 95, 0.5);
    background-color: #FFFFFF;
  	border-radius: 9px;
    border: 2px #bfbfbf solid;
    padding: .5em 1em 1em 1em;
    border-radius: .6em;
    z-index: 10;
}

.contagemCaracterText {
  color: #999999;
  font-family: Lato;
  font-size: 12px;
  line-height: 14px;
  width: 50%;
  float: right;
  text-align: right;
}

.campoObrigatorioText {
  color: #F64D4D;
  font-family: Lato;
  font-size: 12px;
  line-height: 14px;
  width: 50%;
  text-align: left;
  width: 50%;
  float: left;
}

.no-title-dialog .ui-dialog-titlebar {
	display:none;
}

.spanObservationApprover, .spanPurchaseOrderRefusalTitle{
    height: 1.2em;
    text-align: left;
    padding-left: 5px;
}

.spanPurchaseOrderRefusalSubtitle{
	font-weight: bold;
	padding-left: 5px;
}

.spanObservationApprover span, .spanPurchaseOrderRefusalTitle span{
	color: #000000;
  	font-family: Lato;
  	font-size: 18px;
  	font-weight: bold;
  	line-height: 22px;
}

.spanObservationApprover i, .spanPurchaseOrderRefusalTitle i{
	font-size: 1.5em;
    float: right;
    font-weight: bold;  
}

**
.spanObservationApprover, .spanPurchaseOrderCancelTitle, .spanPurchaseOrderJustifyCancelTitle{
    height: 1.2em;
    text-align: left;
    padding-left: 5px;
}

.spanPurchaseOrderCancelubtitle{
	font-weight: bold;
	padding-left: 5px;
}

.spanObservationApprover span, .spanPurchaseOrderCancelTitle span{
	color: #000000;
  	font-family: Lato;
  	font-size: 18px;
  	font-weight: bold;
  	line-height: 22px;
}

.spanPurchaseOrderJustifyCancelTitle span{
	color: #000000;
  	font-family: Lato;
  	font-size: 18px;
  	font-weight: bold;
  	line-height: 22px;
  	text-align: left;
}

span#history {
  color: #03C2E5;
  width:30px;
  height:30px;
}

.post-header-supplier-history {
    background-color: #ffffff;
}

.purchase-order-history-table td{
	text-align: left;
}

.purchase-order-history-table td {
    font-size: 12px;
    text-align: left;
    line-height: 17px;
}

.purchase-order-history-table th{
    color: rgba(0, 0, 0, 0.85);
    font-family: Lato;
    font-size: 14px;
    line-height: 17px;
    width: 142px;
    text-align: left;
}

.purchase-order-history-table tbody tr {
    border-width: medium;
    height: 58px;
}

.purchase-order-history-table table {
    border-color: #fce94f;
}

.oc-history-table th{
  color: rgba(0, 0, 0, 0.85);
  font-family: Lato;
  font-size: 14px;
  line-height: 17px;
  width: 142px;
  text-align: left;
}

.spanObservationApprover i, .spanPurchaseOrderCancelTitle i, .spanPurchaseOrderJustifyCancelTitle i{
	font-size: 1.5em;
    float: right;
    font-weight: bold;  
}

.spanObservationApproverEditProductCode, .spanPurchaseOrderRefusalSubtitle {
  color: var(--neutral-color-03);
  font-family: Lato;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  text-align: left;
  padding-top: 12px;
  font-weight: bold;
  padding-left: 6px;
}

.productPosObservationContentApprover {
  border: 1px solid #999999;
  border-radius: 6px;
  width: 342px;
  height: 170px;
  margin: auto;
  overflow: auto;
}



.purchase-order-refusal-observation {
  border: 1px solid #999999;
  border-radius: 6px;
  width: 96%;
  height: 110px;
  margin: auto;
  overflow: auto;
  text-align: left;
  font-size: 11px;
  font-family: lato;
  padding-left:8px;
  padding-top: 8px;
}


.productPostInsertObservationApprover {
	margin: auto;
    width: 342px;
    margin-top: 12px;
    display: flex;
}

.productPosObservationContentApprover-line-edit {
    padding-left: 1rem;
    width: 88%;
    padding-bottom: 0.2rem;
    padding-top: 0.2rem;
    text-align: right;
    margin-top: 1.0rem;
    margin-left: 1.0rem;
    margin-right: 1.0rem;
    background-color: #F4F4F4;
  	border-radius: 4px;
}

.productPosObservationContentApprover-box-edit {
    vertical-align: top;
    border-radius: 0 5px 5px 5px;
    padding-bottom: 7px;
    padding-right: 10px;
    margin-right: 30px;
    max-width: 90%;
    text-align: left;
}


.comment-user-name_observation-approver {
  color: #6E6E6E;
  font-family: Lato;
  font-size: 10px;
  line-height: 12px;
  width: 200px;
  text-align: left;
}

.comment-user-name-owner {
    color: var(--brand-primary-04);
}

.comment-date {
    height: 56px;
    width: 44px;
    font-family: 'Lato';
    font-size: 10px;
    font-weight: 600;
    color: var(--neutral-color-03);
    text-align: right;
}

.observation-description {
    color: #353230;
  	font-family: Lato;
  	font-size: 12px;
  	line-height: 14px;
  	text-align: left;
  	word-break: break-all;
}

.observation-input-description{
 	border: 1px solid #999999;
  	border-radius: 6px;
  	width: 299px;
  	height: 32px;
  	margin: auto;
}


.add-observation {
    height: 32px !important;
    right: 0;
    position: absolute;
    margin-top: -2.2rem;
    margin-right: 1.9rem;
    background-color: rgba(145, 64, 169, 1);
    width: 100%;
    bottom: 0;
    position: absolute;
    padding-bottom: 10px;
}

.button-add-observation-approver {
    width: 40px !important;
    margin-left: 10px;
    padding: 2px;
    cursor: pointer;
    color: var(--white-color);
    background-color: var(--brand-primary-04);
    border-radius: 4px;
    border: 1px solid var(--brand-primary-04);
}

.has-observation-approver{
	position: absolute;
    background-color: #F64D4D;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    font-size: 12px;;
}

/**
 * Novo layout Ordem de Compra
 */
 
.oc-footer {
    background-color: var(--neutral-color-02);
    border-left:none;
    color: var(--white-color);
    text-align: right;
}

.oc-footer-right {
    background-color: #6E6E6E;
    border-right:none;
    color: var(--white-color);
    text-align: right;
}

.oc-footer-revenues {
    background-color: #999999;
    border-left:none;
    color: #FFFFFF;
    text-align: right;
}

.oc-header-approvehistory {
  border-right: 1px solid var(--brand-primary-04);
  border-left: 1px solid var(--brand-primary-04);
  background-color: var(--brand-primary-04);
}

.oc-header-approvehistory th {
	text-align: left;
}
.oc-header-revenues {
    background-color: var(--neutral-color-03);
}

.oc-header-invoice {
    background-color: #6E6E6E;
}

.oc-button-footer {
	background-color: #F2F2F2;
    width: 100%;
}

.label-orange {
  color: #FFA24D;
  font-family: Lato;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  text-align: left;
}


.label-green {
  color: #85DC93;
  font-family: Lato;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  text-align: center;
}

.label-red {
  color: #FFA24D;
  font-family: Lato;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  text-align: left;
}

.oc-product-table td {
    font-size: 12px;
    text-align: center;
    line-height: 17px;
}

.oc-product-table th{
    padding: 10px;
    color: var(--white-color);
    font-family: Lato;
    font-size: 12px;
    font-weight: 400 ;
    line-height: 13px;
    text-align: center;
}

.oc-product-table tbody tr {
    border-left: 1px solid var(--neutral-color-05);
    border-right: 1px solid var(--neutral-color-05);
    border-bottom: 1px solid var(--neutral-color-05);
    height: 58px;
}

.oc-button-cancel-footer {
	background-color: #F2F2F2;
    width: 20%;
    height: 70px;
    float: left;
}


.oc-button-approve-footer {
	background-color: #F2F2F2;
    width: 50%;
    height: 70px;
    float: left;
}

.oc-button-refusal-modal-footer {
    width: 100%;
    height: 70px;
    float: right;
    display: inline;
    padding-top: 0px;
}

.oc-button-refusal-modal-ok-div {
	display: inline;
    float: right;
    width: 27%!important;
    background-color: purple;
    color: white;
    text-align: center;
    margin-right: 0px !important;
}

.oc-button-refusal-modal-cancel-div {
	background-color: transparent !important;
    width: 20% !important;
    padding-top: 6px;
    display: inline !important;
    float: right !important;
    text-align: center important;
    color: lightgray !important;
    color: gray !important;
    font-weight: bold !important;
    font-size: 14px !important;
    text-align: center;
}

.oc-button-cancel-modal-ok-div {
	display: inline;
    float: right;
    width: 27%!important;
    background-color: purple;
    color: white;
    text-align: center;
    margin-right: 0px !important;
}

.oc-button-cancel-modal-close-div {
	background-color: transparent !important;
    width: 20% !important;
    padding-top: 6px;
    display: inline !important;
    float: right !important;
    text-align: center important;
    color: lightgray !important;
    color: gray !important;
    font-weight: bold !important;
    font-size: 14px !important;
    text-align: center;
}

.oc-button-justify-modal-ok-div {
	display: inline;
    float: right;
    width: 27%!important;
    background-color: purple;
    color: white;
    text-align: center;
    margin-right: 0px !important;
}

.oc-button-justify-modal-close-div {
	background-color: transparent !important;
    width: 20% !important;
    padding-top: 6px;
    display: inline !important;
    float: right !important;
    text-align: center important;
    color: lightgray !important;
    color: gray !important;
    font-weight: bold !important;
    font-size: 14px !important;
    text-align: center;
}

.disabled-div {
	background-color: lightgray !important;
	display: inline;
    float: right;
    text-align: center;
}

.disabled-span {
	color: gray !important;
}

.oc-button-refusal-modal-cancel-span {
	color: white;
    font-size: 14px;
    font-weight: bold;
    display: inline;
}

.oc-button-modal-cancel-span {
	color: white;
    font-size: 14px;
    font-weight: bold;
    display: inline;
}

.oc-button-cancel-modal-cancel-span {
	color: white;
    font-size: 14px;
    font-weight: bold;
    display: inline;
}
.oc-button-approve-footer > div {
    margin: 20px 20px 30px 5px;
    float: right;  
}

.oc-button-confirm-footer {
	background-color: #F2F2F2;
    width: 30%;
    height: 70px;
    float: right;
}

.oc-button-confirm-footer > div {
    margin: 20px 20px 20px 5px;
    float: right;
}

.oc-button-cancel-footer > div {
    margin: 20px 20px 20px 5px;
    float: left;
}
 
.post-totals-footer-infos .emphasize {
	color: #353230;
    font-weight: 700;
    font-size: var(--font-size-xxs);
    margin-left: var(--spacing-inline-xxs);
}

/**
 * Novo layout Pos Cirurgico - TODO - Rever estrutura para reutilizar nas outras telas
 */
.post-product-table td {
    font-size: 14px;
    text-align: center;
    line-height: 17px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.post-product-table th{
    padding: 10px;
    color: var(--white-color);
    font-family: Lato;
    font-size: 12px;
    font-weight: 400 ;
    line-height: 13px;
    text-align: center;
}

.post-product-table tbody tr:not(.product-spacer ) {
    border-style: solid;
    border-width: medium;
    border-color: var(--neutral-color-06);
    height: 58px;
}

.post-header-supplier {
    background-color: var(--neutral-color-02);
}

.post-header-approver {
    background-color: #6E6E6E;
}

.post-surgery-product-highlight {
	border-bottom: 2px solid var(--feedback-warning-03) !important;
    border-left: 5px solid var(--feedback-warning-03) !important;
    border-top: 2px solid var(--feedback-warning-03) !important;
	
}

.post-surgery-product-highlight-td{
    border-right: 2px solid var(--feedback-warning-03) !important;
}

.post-surgery-product-last-border-td{
    border-right: 3px solid var(--neutral-color-06);
}

.icon-badge {
    background-color: #F64D4D;
    color: #FFFFFF;
    font-family: Lato, sans-serif;
    font-size: 8px;
    font-weight: 400;
    line-height: 10px;
    text-align: center;
    position: relative;
    top: -8px;
    right: 8px;
    border-radius: 30px;
}

.icon-notification {
    color: #F64D4D;
    font-size: 22px;
    position: relative;
    top: -12px;
    right: 12px;
}


/* Reunificar com grouping-title */
.post-grouping-header {
    background-color: #FFFFFF;
    width: 100%;
    height: 25px;
}

.post-grouping-header > div:first-child {
    float: left;
    position: relative;
    top: 17px;
}

.post-grouping-header > div:first-child:not(.post-grouping-header__supplier-information) {
    left:20px;
}

.post-grouping-header > div:first-child > span {
    color: var(--brand-primary-04);
    font-family: Lato, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 17px;
}

.post-grouping-header > .post-header-info {
    float: left;
    position: relative;
    top: 17px;
    left: 50px !important;
}

.post-grouping-header > .post-header-info > span {
    font-size: 10px !important;

}

.post-grouping-header > .post-header-info > span > span {
    font-size: 13px !important;
}

.post-grouping-header .oc-collapse-button {
    float: right;
    position: relative;
    top: 10px;
    right: 10px;
    color: var(--brand-primary-04);
    border-radius: 5px;
}

.post-grouping-header .oc-collapse-button:hover {
    background: #F1F1F1;
}

.post-grouping-header__supplier-information .post-grouping-header__icon-status {
    color: var(--brand-primary-04);
    font-size: 20px;
    line-height: 0px;
}

.post-grouping-header__supplier-information .post-grouping-header__icon-status--inactive {
    color: var(--neutral-color-04);
}

/* Autorização Pré */

.collapsable-bar .oc-collapse-button:hover {
	background: #F1F1F1;
}

.collapsable-bar {
    padding-top: 12px;
}
.collapsable-bar__infos {
    align-items: center;
    width: 600px;
}
.collapsable-bar__infos p {
	margin: 0 20px 0 0;
    padding: 0;
}

.collapsable-bar__infos p:last-of-type {
    margin: 0 110px 0 0;
}

.collapsable-bar__infos span {
	margin-left: 4px;
}

.products-info__wrapper {
    flex: 1;
}

.collapsable-bar__fixed-title {
    flex-grow: 1;
}
.collapsable-bar__border {
	border-top: 1px solid var(--brand-primary-04);
}

.collapsable-bar__border-last {
	border-bottom: 1px solid var(--brand-primary-04);
}
.pre-menu-header {
    line-height: 14px;
    cursor: pointer;
    position: relative;
    top: -20px;
    right: 50px;
}

/* Reunificar com product-table-td-description */
.post-product-table .post-product-table-td-description {
    font-family: Lato, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    text-align: left;
}

.post-product-table .post-product-table-td-regulatory-information {
    font-family: Lato;
    font-size: 12px;
    text-align: center;
}


.postSurgeryUsedValueSpan {
    font-weight: 400;
}

.show {
    display: block;
}

.hide {
    display: none;
}

.post-totals-footer {
    width: 100%;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    background-color: var(--neutral-color-06);
    font-size: 12px;
    font-weight: 400;
    color: var(--neutral-color-02);
}

.pre-order-resume__title {
    color: var(--neutral-color-01);
    font-weight: 700;
    margin-right: var(--spacing-inline-xxs);
}

.post-totals-footer-justification p {
	padding: 0;
	margin: 0;
}

.post-totals-footer-justification p:first-child {
	margin-bottom: 4px;
}

.post-totals-footer-justification p:first-child {
	color: #353230;
	font-weight: 700;
}

.select-footer-justification {
	padding: 4px 0;
	color: var(--neutral-color-02);
	font-weight: 600;
    border: 1px solid var(--neutral-color-04);
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.post-totals-footer-infos {
	display: flex;
	align-items: baseline;
}
.pre-order-resume-info__wrapper, .pre-order-resume-qtd__wrapper, .pre-order-resume-qtd-colapsed, .descount-details__wrapper {
    display: flex;
}

.pre-order-colapsed__label {
    padding: 0;
    font-weight: 700;   
}

.descount-details__wrapper {
    flex-direction: column;
    align-items: flex-end;
    margin-top: 8px;
}

.descount__info {
    color: var(--feedback-positive-03);
    font-size: 12px;
}

.descountsummary__info {
    color: #1BB214;
    font-weight: 700;
    font-size: var(--font-size-xxs);
    margin-left: var(--spacing-inline-xxs);
}

.descount-detail__btn {
    color: var(--brand-primary-04);
    cursor: pointer;
    margin-top: 4px;
}

.pre-order-resume-qtd__wrapper {
    margin: var(--font-size-quarck) 0;
}

.auth-info__wrapper {
    margin-left: 20px;
}

.post-surgery-totals-footer div {
    padding-left: 20px;
    padding-top: 5px;
}
.post-surgery-totals-footer {
    justify-content: flex-end !important;
    align-items: baseline !important;
}

.post-surgery__discount-border {
	border: 2px solid var(--warning--dark) !important;
}
.post-surgery-product-last-border-td-discount {
	border-right: 2px solid var(--warning--dark) !important;
}

.product-discount__span{
    padding-right: 4px;
}

.input-others-justification {
	margin: 4px 0 0;
	display: block;
	font-family: 'Lato';
    font-size: 12px;
	padding: 6px;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(213, 213, 213, 1);
    border-radius: 4px;
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
    width: 425px;
    text-align: center;
    box-sizing: border-box;
}

.post-totals-footer > p {
    display: inline-block;
    margin: 20px 20px 20px 20px;
}

.post-totals-footer > p > p:nth-child(2) {
    color: #333;
    font-size: 14px;
}

.post-totals-footer > p > p {
    display: inline-block;
    vertical-align: top;
}

.post-button-footer {
    width: 100%;
    height: 70px;
    background-color: #FFF;
}

.post-button-footer > div {
    margin: 30px 15px 20px 5px;
    float: right;
}


.post-header-icon {
    float: right;
    margin: 11px 8px;
    font-size: 20px;
    cursor: pointer;
}

.post-menu-header {
    width: 100%;
    color: var(--brand-primary-04);
    font-family: Lato, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    cursor: pointer;
    position: relative;
    top: -10px;
    right: 50px;

}

.post-edit-menu {
    float: right;
}

.post-edit-menu span {
    padding: 2px;
    border-radius: 5px;
}

.post-edit-menu span:hover {
    background: #F1F1F1;
}

.end-post-block {
    display: inline-flex; 
    justify-content: space-between;
    width: 100%;
}

.btn-import-preorder-wrapper {
	display: flex;
}

.btn-send-authorization-wrapper{
	display: flex;
	justify-content: flex-end;;
}

tr.post-no-products-msg {
    border: none !important;
}
tr.post-no-products-msg > td {
    font-family: Lato, sans-serif;
    font-size: 12px;
    font-weight: 400;
    width: 100%;
    background-color: var(--neutral-color-06);
    height: 58px;
    text-align: center;
}

.post-product-with-dot {
    font-size: 12px !important;
    font-weight: bold;
    color: var(--brand-primary-03) !important;
}
.downloadFile, .removePreFileSupplier{
	cursor: pointer;
}

.supplier-files{
	right: 150px;
	position: absolute;
	cursor: pointer;
}

#modal-supplier-files .ui-dialog-title{
	font-size: 18px;
    display: flex;
    padding-bottom: .5em;
    border-bottom: 1px #000 solid;
}

.title-modal-files{
	font-size: 18px !important;
    display: flex;
    padding-bottom: 1em !important;
    padding-top: 1em !important;
    border-bottom: 1px #000 solid;
    width: 98% !important;
}

.title-modal-files + .ui-button{
	right: 3em !important;
}
#modal-supplier-files {
    overflow-y: auto;
}

.files-table-list{
	width: 80%;
	margin: 1em auto 0 auto; 
}

.iframesUploadArquivos {
    background: #FFFFFF;
    padding-bottom: 3em;
}

#blockUploadedPreFilesList {
    width: 41.5%;
    float: right;
    background-color: #FFFFFF;
}

#blockFilesPre {
    display: inline-flex;
    width: 100%;
    margin-bottom: .6em;
}

.downloadSupplierFile{
	cursor: pointer;
}

.icom-has-files-supplier{
	font-size: .9em !important;
    right: 154px;
    position: absolute;
    margin-top: -4px;
    z-index: 1;
    color: red;
}

select.selectApprovalGroup {
    font-size: 12px !important;
    padding: 6px !important;
    border-radius: 5px !important;
    margin-top: 5px !important;
    border: 2px solid #bfbfbf;
    height: 32px !important;
}

#content-approval-group{
	padding-top: 8em;
	margin-left: 2.5em;
	width: 60%;
}

#modal-supplier-files td{
    padding-top: 1em;
}

.alert-input {
	border: 1px solid #F64D4D !important;
	color: #F64D4D !important;
}

.alert-input-label {
  color: #F64D4D;
  font-family: Lato;
  font-size: 10px;
  text-align: left;
  padding: 1em;
}

#content-user-group{
	padding: var(--spacing-stack-xxl) var(--spacing--xxs) 0;
}
 
#content-user-group input[type=text]{
    box-sizing: border-box;
	padding: var(--spacing--quarck) var(--spacing--nano);
    font-size: var( --font-size-xxs) !important;
    background-color: var(--white-color);
    border: 1px solid var(--neutral-color-05);
    border-radius: 4px;
    height: 26px;
}

#content-approval-group input[type=text]{
	padding: 5px 10px 5px;
    font-size: 12px !important;
    background-color: #fff;
    border: 2px solid #bfbfbf;
    border-radius: 4px;
    height: 15px;
}

#content-user-group input[type=text]:focus{
    border-color: var(--brand-primary-04);
}

#title-user-group {
	font-size: 14px;
	font-weight: bold
}

#list-user-group {
	margin-top: var(--spacing--xxxs);
}

#create-user-group {
	color: var(--brand-primary-04);
	font-size: var(--font-size-xxs);
	font-weight: bold;
	cursor: pointer;
}

#content-approval-group input[type=text]:focus{
    border: 2px solid #999;
}

#title-approval-group {
	font-size: 14px;
	font-weight: 400
}

#list-approval-group {
	padding-top: 2em;
}

#create-approval-group {
	float: right; 
	color: var(--brand-primary-04);
	font-size: 12px; 
	cursor: pointer;
	font-weight: bold;
}

.oc-right-form-content > div:first-child {
	padding: 3em;
}

.modal-content-title {
	font-size: 16px; 
	font-weight: bold;
}

.right-form-content-title {
	font-size: 16px; 
	font-weight: 400;
}

.first-block-form {
	margin-top: 2em;
	display: inline-flex;
	background-color: #FFF;
	padding: 2em; 
	border-radius: 10px;
	width: 91%;
}

.group-management__card {
	margin-top: var(--spacing--xxxs);
	background-color: var(--white-color);
	padding: var(--spacing--nano);
	border-radius: 10px;
	overflow-y: auto;
	max-height: 450px;
}

.group-management__footer, .approval-group-management__footer {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    position: absolute;
    bottom: var(--spacing-stack-md);
    right: var(--spacing-stack-md);
    gap: var(--spacing--quarck);
}

.second-block-form {
	margin-top: 2em;
    background-color: #FFF;
    padding: 2em 2em 7em 2em;
    border-radius: 10px;
    max-height: 100%;
    height: 60%;
}

.approval-group-value-from {
	width: 45%;
	margin-right: .5em !important;
}

.approval-group-value-from  input{
	width: 64%;
	margin-left: .5em !important;
}

.approval-group-value-to {
    width: 48% !important;
}

.approval-group-value-to input {
    width: 64% !important;
    margin-left: .5em !important;
}

#icon-added-user-group {
	font-size: 14px;
	transform: translateY(3px);
	color: var(--feedback-positive-03);
}

#message-added-user-group {
	color: var(--feedback-positive-03);
}

#icon-removed-user-group {
	font-size: 14px;
	transform: translateY(3px);
    color: var(--feedback-alert-03);
}

#message-removed-user-group {
    color: var(--feedback-alert-03);
}

.alert-input {
	border: 1px solid #F64D4D !important;
	color: #F64D4D !important;
}

.alert-input-label {
  color: #F64D4D;
  font-family: Lato;
  font-size: 10px;
  text-align: left;
  padding: 1em;
}

.close-form-management-group {
    bottom: 2.8em;
    position: absolute;
    right: 14em;
    font-size: 14px;
}

.close-form-user-group, .close-form-approval-group {
	font-size: var(--font-size-xxs);
	padding: 8px 12px;
}

.close-form-user-group a, .close-form-approval-group a  {
    color: var(--neutral-color-03);
}

.has-no-values-table {
    background-color: #F5F5F5;
}

#input-user-group-user {
	width: 100%;
}

#input-approval-group-user {
	width: 95%;
	margin-right: 1em;
}

#user-group-info div:first-child{
	display: unset;
	width: 100%;
}

#user-group-info div:first-child{
	display: unset;
	width: 100%;
}

.users-manegement-group-body td {
	word-break: break-all;
	padding: 0 .5em 0 .5em;
}

.users-approval-group-body td {
	word-break: break-all;
	padding: 0 .5em 0 .5em;
}

.users-user-group-list {
	overflow-y: auto;
    height: 100%;
}

.users-approval-group-list {
    overflow-y: auto;
    height: 100%;
}

.users-manegement-group-list::-webkit-scrollbar {
  width: 5px;
}

.users-manegement-group-list::-webkit-scrollbar-track {
  background: #f1f1f1; 
}

.users-manegement-group-list::-webkit-scrollbar-thumb {
  background: #888; 
}

.users-manegement-group-list::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.users-approval-group-list::-webkit-scrollbar {
  width: 5px;
}

.users-approval-group-list::-webkit-scrollbar-track {
  background: #f1f1f1; 
}

.users-approval-group-list::-webkit-scrollbar-thumb {
  background: #888; 
}

.users-approval-group-list::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.list-product-table td {
    font-size: 14px;
    text-align: center;
    line-height: 17px;
}

.list-product-table th:not(.table-budget-header):not(.title-auth-post-header){
    padding: 8px 6px 4px 6px;
    color: var(--white-color);
    font-family: Lato;
    font-size: 12px;
    font-weight: 400 ;
    line-height: 13px;
    text-align: center;
}

.list-product-table tbody tr:not(.product-spacer):not(.othersLine) {
    border-style: solid;
    border-width: medium;
    border-color: var(--neutral-color-06);
}

.list-product-table .list-product-table-td-description {
    font-family: Lato, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    text-align: left;
    padding-right: .8em;
    padding-top: 6px;
    padding-bottom: 6px;
}

.list-product-table td:not(.list-product-table-td-description):not(.product-table-td-supplier):not(.othersLine),
    .list-product-table input:not(.product-table-lighter){
    font-family: 'Lato';
    font-size: 12px;
    text-align: center;
    padding-right: .5em; 
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: .2em; 
}

tr.list-no-products-msg {
    border: none !important;
}
tr.list-no-products-msg > td {
    color: var(--neutral-color-01);
    font-family: Lato, sans-serif;
    font-size: 12px;
    font-weight: 400;
    width: 100%;
    background-color: var(--neutral-color-06);
    height: 58px;
    text-align: center;
}

.anvisaMSRegisterSpan, .anvisaMSRegisterSpanPost, .anvisaMSRegisterSpanAuthPost {
	color: var(--brand-primary-04);
}

.oc-grey-button {
	background-color: #999999 !important;
}

.budget-title {
	margin-left: 1.5em;
}

.label-status-pre-approval{
	margin-left: 10px;
	color: rgb(92, 184, 92);
}

.td-supplier{
	text-align: left !important;
    padding-left: .8em;
    padding-bottom: .5em;
}
.removePreProductIcon{
	color: var(--neutral-color-03);
}

.othersLine{
	height:40px !important;
	border-top: none !important;
	border-left-style: solid;
    border-left-width: medium;
    border-left-color: #EDEDED;
    border-right-style: solid;
    border-right-width: medium;
    border-right-color: #EDEDED;
    border-bottom-style: solid;
    border-bottom-width: medium;
    border-bottom-color: #EDEDED;
    
}

.othersLine td{
    padding: .5em; 
    padding-top: 0 !important;
    font-family: 'Lato';
    font-size: 12px;
    color: rgba(53, 50, 48, 1); 
    text-align: center;	
}

.pre-surgery-table{
    height: 100%;
}

#btnAddGrouping {
	margin-left: 1.5em;
	margin-top: 10px;
}

.tooltipoChargeType {
	font-family: 'Lato';
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #9140A9 !important;
    vertical-align: top;
}

.table-budget-header {
	padding: 8px 6px 4px 6px;
    color: var(--white-color);
    font-family: Lato;
    font-size: 12px;
    font-weight: 400;
	text-align: left;
	line-height: 6px;
	padding-bottom: 1em;
}

div.authorizedQuantitySpan {
	background-color: #bfbfbf; 
	width: 35px;
    padding: 8px 2px;
    margin: 1em auto auto auto;
    border-radius: 5px;
    min-height: 20px;
}

div.addedProductQuantity {
	background-color: var(--neutral-color-05);
    width: 35px;
    padding: 8px 2px;
    margin-top: 0;
    border-radius: 5px;
    margin: auto;
}

.list-product-table .product-table-small-input {
	width: 30px !important;
}

.negative-reason-label {
	left: 39%;
	font-size: 12px;
	font-weight: bold;
	color: #FF871A;
}

.pct-difference{
	padding: 0 2em;
	position: relative;
	top: -1.2em;
	color: var(--feedback-positive-03);
}

.indication-icon-m {
	width: 10px;
	height: 0px;
	font-size: 8px;
	margin-top: .6em;
    background-color: #03C2E5;
    border-radius: 10px;
    padding: 7px 2px;
    cursor: pointer;
}

.indication-icon-m  span{
	line-height: 0.4;
	padding-left: 1.5px;
	color: #FFF;
}

.edit-supplier-indication-icon-m, .edit-supplier-indication-icon-a, .edit-product-indication-icon-m, .edit-product-indication-icon-a  {
	margin-left: 5px;
	margin-top: .1em !important;
}

.edit-supplier-indication-icon-m span, .edit-product-indication-icon-m span{
    padding-left: 1px !important;
}

.indication-icon-a {
    width: 10px;
    height: 0px;
    font-size: 8px;
    margin-top: .6em;
    background-color: #5CD156;
    border-radius: 10px;
    padding: 7px 2px;
    text-align: center;
    cursor: pointer;
}

.indication-icon-a span{
    line-height: 0.29;
    color: #FFF;
    margin-left: .2px;
}
.background-gray-1{
	
}
.background-gray-2{
    background-color: #636363;
}
.background-gray-3{
    background-color: #6A6A6A;
}
.background-gray-4{
    background-color: #757575;
}
.title-auth-post-header{
	text-align: -webkit-left;
    color: var(--white-color);
    font-family: Lato;
    font-weight: 400;
}

.title-auth-post-header span:nth-of-type(1){
	display: inline-block;
    margin: 10px;
    font-size: 14px;
}

.qtd-default-background{
	background-color: #EDEDED;
    width: 35px;
    padding: 8px 2px;
    margin-top: 0;
    border-radius: 5px;
}

.td-webkit-center {
	text-align: -webkit-center !important;
}

.list-product-table .th-left-align{
	text-align: left !important; 
	padding-bottom: 0px !important;
	padding-top: 2em !important;
}

.padding-top-1-5{
	padding-top: 1.5em  !important;
}

.indication-icon-disabled {
	background-color: var(--neutral-color-04) !important;
}


.wrapper-modal-selecte-reason, .wrapper-modal-selecte-reason *{
    box-sizing: border-box!important;
  }

  .wrapper-modal-selecte-reason .select-approvalpre-conclude-no-amount{
    margin-top: 40px;
    width: 355px;

  }

  .wrapper-modal-selecte-reason > *, .wrapper-modal-selecte-reason .modal-body * {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .wrapper-modal-selecte-reason .modal-body > *:last-child{
    margin-bottom: 30px;
  }

  .wrapper-modal-selecte-reason{
    border-radius: 9px;
    background-color: #FFF;
    font-family: lato;
    padding: 5px 15px 0px 15px;
    margin-top: 0px!important;
    overflow: hidden!important;
    min-height: 200px!important;
  }

  .wrapper-modal-selecte-reason .modal-title{
    color: #000;
    font-family: lato;
    font-size: 18px;
  }

   .wrapper-modal-selecte-reason .modal-header,
   .wrapper-modal-selecte-reason .modal-footer,
   .wrapper-modal-selecte-reason .message{
        border: none;
        padding: 0px;
        margin: 0px;
   }

   .wrapper-modal-selecte-reason .modal-header{
        margin-top: 10px;
   }

  .wrapper-modal-selecte-reason .ui-icon-closethick, .wrapper-modal-selecte-reason .ui-dialog-titlebar{
    display: none!important;
  }

  .wrapper-modal-selecte-reason .modal-body > textarea{
    resize: none;
  }

  .wrapper-modal-selecte-reason .modal-footer{
       width: 100%;
       overflow: auto;
       margin-bottom: 0px;
       position: absolute;
       bottom: 0px;
       right: 19px;
  }

  .wrapper-modal-selecte-reason .modal-btn-ok-active{
    background-color: #9140A9!important;
    pointer-events: all!important;
  }

  .wrapper-modal-selecte-reason .modal-btn-ok{
       background-color: #DADADA;
       width: 108px;
       height: 35px;
       text-align: center;
       font-size: 14px;
       color: #FFF;
       float: right;
       padding-top: 8px;
       cursor: pointer;
       pointer-events: none;
       border-radius: 4px;
  }
  .wrapper-modal-selecte-reason .modal-btn-cancel{
       background-color: #FFF;
       border-radius: 4px;
       width: 108px;
       height: 35px;
       text-align: center;
       font-size: 14px;
       color: #6E6E6E;
       float: right;
       padding-top: 10px;
       margin-right: 46px;
       cursor: pointer;
       border-radius: 4px;
  }

  .wrapper-modal-selecte-reason .input-approvalpre-conclude-no-amount{
    width: 355px;
    background-color: #FFFFFF;
    border: 1px solid #999999;
    border-radius: 6px;
    height: 123px;
    padding: 15px;
    line-height: 20px;
  }

.icon-copy {
    font-size: 1rem !important;
    color: #5cb85c;
    cursor: pointer;
}

#authorized-amount-wrapper {
    display: flex;
}

/**** MODAL OBSERVATION ****/
.resume-content {
    position: relative;
}

.handleObservationModal {
    padding: 0 28px 0 122px;
    width: 20px;
}

.observationModalIcon {
    color: #FFFFFF;
    font-size: 15px;
}

.observationModalBox {
    position: absolute;
    top: 10px;
    right:75px;
    background-color: #FFFFFF;
    box-shadow: 0 2px 4px 0 rgba(95, 95, 95, 0.5);
    width: 390px;
    padding: 16px;
    z-index: 10;
}

.observationModalBox::after {
    position: absolute;
    top: 15px;
    right: -10px;
    content: '';
    height: 20px;
    width: 20px;
    background-color: #FFFFFF;
    transform: rotate(45deg);
}

.closeObservationModal span {
    color: var(--black-color);
    font-family: Lato;
    font-size: 18px;
    line-height: 22px;
}

.closeObservationModal i {
    font-size: 2.2em;
    float: right;
    font-weight: bold;
    cursor: pointer;
}

.observationModalProductCode {
    margin-top: 4px;
    color: var(--neutral-color-03);
    font-family: Lato;
    font-size: 12px;
    line-height: 14px;
}

.observationModalContent {
    margin-top: 24px;
    border: 1px solid #999999;
    border-radius: 6px;
    height: 140px;
    padding: 16px;
    overflow-y: scroll;
}

.observationModalText {
    margin-top: 24px;
    display: flex;
    justify-content: space-between;
}

.observationModalContent-line-edit {
    padding: 0 1rem;
    width: auto;
    padding-bottom: 0.2rem;
    padding-top: 0.2rem;
    text-align: right;
    margin-top: 1.0rem;
    background-color: #F4F4F4;
    border-radius: 4px;
}

.observationModalContent-line-edit:first-child{
    margin-top: 0;
}

.observationModalContent-box-edit {
    vertical-align: top;
    border-radius: 0 5px 5px 5px;
    padding-bottom: 7px;
    padding-right: 10px;
    margin-right: 30px;
    max-width: 90%;
    text-align: left;
}

.observationModalInput {
    border: 1px solid #999999;
    border-radius: 6px;
    width: 80%;
    padding: 0 12px;
}

.observationModalSendBtn {
    background-color: var(--brand-primary-04);
    border-radius: 4px;
    width: 32px;
    height: 32px;
    border: none;
    cursor: pointer;
}

.observationModalSendBtn i {
    color: var(--white-color);
    font-size: 15px;
}

/* INICIO Edit aba autorizacao pos  */
input.postAuthPostMarketingFeeInput {
	width: 35px;
	background-color: #FFFFFF;
    border: 2px solid #BFBFBF;
    border-radius: 5px;
    color: #000000;
    font-weight: normal;
    text-align: center;
    
    font-size: 12px !important;
    padding: 8px 2px;
}

input.postAuthPostAuthorizedAmountInput {
	width: 35px;
	background-color: #FFFFFF;
    border: 2px solid #BFBFBF;
    border-radius: 5px;
    color: #000000;
    font-weight: normal;
    text-align: center;
    
    font-size: 12px !important;
    padding: 8px 2px;
}

.negative-reason-label-postAuth {
	font-size: 12px;
	font-weight: bold;
	color: var(--feedback-warning-02);
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 400px;
    position: absolute;
    bottom: 0px;
    left: 5px;
    margin: 0px;
}


.postAuth-authorized-amount {
	position: absolute;
    left: calc(100% - 100px);
    top: 21px;
}

.postAuth-height-line {
	height: 81px !important;
}

.form-title__section {
    margin-left: 25px !important;
    padding: 0 !important;
    font-size: 14px !important;
    font-family: Lato;
    padding-bottom: 16px !important;
    font-weight: 300;
    color: var(--neutral--darkest);
}


.edit-patient-name .form-surgery__input {
    height: 34px !important;
    border: 1px solid #9E9E9E;
    border-radius: 4px !important;
    box-sizing: border-box !important;
}

.edit-patient-name .divDatePicker .add-on {
    height: 24px !important;
    font-size: 20px;
    color: var(--brand-primary-04);
    padding-top: 9px;
    background: none !important;
    border: none !important;
}

.edit-patient-name div .divDatePicker {
    border: 1px solid #9E9E9E;
    border-radius: 4px !important;
    box-sizing: border-box !important;
    height: 34px !important;
}

.edit-patient-name div .form-surgery__input #birthDatePicker {
    border: none !important;
    border-bottom: 1px solid #9E9E9E !important;
    box-sizing: border-box;
    height: 33px !important;
    border-radius: 0 !important;
}

/* FIM Edit aba autorizacao pos  */

.suppliers-negotiation div {
    width: 100%;
    background-color: var(--neutral-color-06);
    color: var(--brand-primary-04);
    height: 3em;
    display: flex;
}

.suppliers-negotiation div span {
    padding: 0.8em;
}

.suppliers-negotiation table {
    width: 90%;
    margin: 1em;
}
.suppliers-negotiation table tr {
    height: 2.4em;
}

.loadingOrderDetailAjaxBase {
    z-index: 1000;
    position: relative;
}
.listOrderDetail_icon_td {
	width: 10%;
}
.listOrderDetail_label_td {
    width: 90%;
}
.listOrderDetail_second_label_td {
    width: 80%;
}
.dialog-align-center {
    align-items: center !important;
    text-align: center !important;
}

.dialog-align-right {
    text-align: right !important;
}


/* FIM Edit aba autorização pos  */

/*
    max width
*/
@media ( max-width : 1598px) {
    #sessionEditDataBasicPreOrder div #inputUpdateTitlePreOrder {
        width: 55%; 
    }
}
@media ( max-width : 1440px) {
    .description-timeline {
        height: 5em !important;
    }
}
@media ( max-width : 1260px) {
    #sessionEditDataBasicPreOrder div #inputUpdateTitlePreOrder {
        width: 45%; 
    }
    .half-tr-td {
        width: 40%;
    }
    .half-tr-th {
        width: 40%;
    }
}
@media ( max-width : 1200px) {
    .half-tr-td {
        width: 25%;
    }
    .half-tr-th {
        width: 25%;
    }
}
@media ( max-width : 1100px) {
    .half-size-date-input {
        width: 4rem;
    }
}

/*
    min width
*/
@media ( min-width : 1441px) {
    .description-timeline {
        height: 3.5em;
    }
}

/*
    max height
*/
@media ( max-height : 650px) {
    .comment-block-edit {
        height: 63%;
    }
    .comment-content {
        height: 97%;
    }
}
@media ( max-height : 520px) {
    .comment-block-edit {
        height: 60%;
    }
    .comment-content {
        height: 94%;
    }
}
@media ( max-height : 480px) {
    .comment-block-edit {
        height: 50%;
    }
    .comment-content {
        height: 89%;
    }
}

.loadingSpinnerCoverParent {
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.7);
}

.button-saveUpdatePreOrder-spinner {
    height: 32px;
    min-width: 85px;
    justify-content: center;
}

.dashboard-metabase-filters {
    align-self: flex-end;
    margin-right: 5px;
}

.dashboard-metabase-supplier,
.dashboard-metabase-surgeryLocal, 
.dashboard-metabase-insurance
{
    width: 180px;   
    margin-right: 5px;   
    float: left;
    height: 32px;
}

.buyer-proposed-price {
    width:22.5em !important; 
    height:2.5em !important;
}

.negociation-modal-title {
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 17px;
    letter-spacing: 0px;
}

.negociation-modal-body {
    margin-top: 18px;
}

.negociation-modal-label {
    font-family: Lato;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0px;
}

.label-justificativa {
    margin-left: 20px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: normal;
    color: #000;
}

.snackbar-user-password-changed {
    display: flex;
    align-items: center;
}

.snackbar-user-password-changed__check-icon {
    color: var(--success-color);
    font-size: 1.25rem;
    margin-right: var(--spacing-inline--sm);
}

.snackbar-user-password-changed > .text-subtitle {
    min-width: 300px;
}

.supplier-products-list__puchase-order {
    cursor: pointer;
}

.supplier-products-list__puchase-order--canceled {
    color: var(--danger-color);
    text-decoration: line-through;
}

.multiselectSurgerySite  {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: flex-start;
    width: 240px !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.multiselectSurgerySite .multiselect-native-select {
    height: 3em !important;
    margin-top: -3px !important;
}



.multiselectSurgerySite .multiselect-native-select button.multiselect__main-button {
    font-size: 12px !important;
    font-family: inherit !important;
    border-radius: 0 !important;
    border: 1px solid #d3d3d3 !important;
    cursor: pointer !important;
    color: #787472 !important;
    height: 3em !important;
}

.multiselectSurgerySite .multiselect-native-select button.multiselect__main-button .multiselect-selected-text {
    color: #787472 !important;
}

.multiSelectSurgerySiteInfoSelecao {
    margin: 0 0 0 0.25rem !important;
    padding: 0 !important;
}


.thOrderExtraFieldConference {
    padding-right: 25px;
    cursor: auto;
}

.btnOrderExtraFieldConference {
    color: var(--brand-primary-04);
    cursor: pointer;
}

.cadastro-usuario {
	padding: 20px;
	padding-top: 60px;
	background-color: var(--white-color);
}
.post-surgery-resume-qtd__wrapper  {
    margin: var(--font-size-quarck) 0;
}

.generic-obs-close__button{
    background-color: var(--white-color);
    border: none;
    cursor: pointer;
}

.purchaseOrderNumber {
    font-weight: normal;
}

.titlePurchaseOrderObservation{
    padding: 1em 0 2em 0;
    background-color: var(--white-color);
    color: var(--brand-primary-04);
    font-weight: bold;
}

.titlePurchaseOrderObservation h5{
    font-size: 14px;
    padding: 1em 0 0 1em;
}

.titlePurchaseOrderObservation span{
    padding-left: 5px;
    text-align: left;
}

.supplier-observation-purchase-order__approved{
    color: var(--black-color);
    font-weight: normal;
    cursor: pointer;
}

.supplier-observation-purchase-order__canceled{
    color: var(--danger-color);
    font-weight: normal;
    text-decoration: line-through;
    cursor: pointer;
}

.column-action-added__wrapper{
    padding: 0px 35px;
}

.button-container-procedures-surgery .section-bottom {
    display: inline-block;
    padding-left: unset;
    padding-top: unset;
    margin: 1rem;
}

.order-detail-extra__kit-protocol-indicator {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--feedback-warning-02);
    color: var(--white-color);
    width: 14px;
    height: 14px;
    border-radius: 100%;
    margin-left: 5px;
}

.loadingOrderExtraFieldListAjax {
    text-align: center;
    top: 45%;
    position: relative;
}

.loadingBtnApplyKitProtocol {
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFF;
}

.notice {
    font-size: 16px;
    text-align: center;
    padding-bottom: 18px;
}

.total-footer-kit-protocol-value {
    justify-content: right;
    padding-right: 660px;
}

.total-authorized-dont-exceeds-kit-value.total-authorized-dont-exceeds-kit-value {
    color: var(--feedback-positive-03);
}

.total-authorized-exceeds-kit-value.total-authorized-exceeds-kit-value {
    color: var(--feedback-alert-03);
}

.authorizedValueProgressBar {
    padding-top: 33px;
}

.btnRemoveKitAuthPre {
	margin-left: 1.5em;
	margin-top: 10px;
}

.loadingBtnUnapplyKitProtocol {
    align-items: center;
    justify-content: center;
    background-color: #FFF;
    inset: 0;
    border-radius: 4px;
}

.surgery-site__input-wrapper {
    height: 35px;
}

.approve-oc__button {
    border: none;
}

.modal-shows-contract__product-table-column--truncate {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 0;
}

.modal-shows-contract-post-surgery__product-table-column--truncate {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 200px;
}

.loadingSaveMarkersAjax{
    margin-top: 110px; 
    text-align: center;
}

.button-concludePreOrderAuth-spinner {
    width: 178px;
    justify-self: center;
    border: none;
}

#btnContinuar {
    height: 32px;
}

.button--loading {
    position: relative;
}

.button--loading .opme-loader-spinner {
    position: absolute;
    inset: 0;
}

.request-dates {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
}

.billing-type-ignore-select {
	width: 100%;
	margin-top: 3em;
}

.billing-type-ignore-grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
}

.billing-type-ignore-grid-item {
    padding: 10px;
}

.horizontal-space-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.button--md {
    height: 32px;
}

.circle--md {
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.circle--sm {
    width: 18px;
    height: 18px;
    border-radius: 50%;
}
.surgical-procedure__description-text {
   overflow: hidden;
   max-width: 100%;
   text-overflow: ellipsis;
}

.update-file-input--warning {
    border-color: var(--feedback-warning-04)
}