/* DR Haisenberg CSS - Inicio */

.btnPopoverClean .sapMBtnContent > bdi {
	font-weight: 600 !important;
}

.sapMSinglePCGrid .sapUiCalendarAppIcon {
    min-width: 1rem;
    font-size: 1.3rem;
    position: relative;
    top: 0.2rem;
    margin-top: 0.25rem;
}
.sapMSinglePCGrid .sapUiCalendarAppTitleWrapper, .sapMSinglePCGrid .sapUiCalendarAppTitle, .sapMSinglePCGrid .sapUiCalendarAppText {
    width: 100%;
    margin-right: 0.125rem;
    margin-left: 0.4rem;
    margin-top: 0.24rem;
}

.sapMSinglePCAppointments .sapMSinglePCAppointmentWrap::before {
    min-height: 32px !important;
}
.sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp .sapUiCalendarAppTitle {
    padding-top: 0.2rem;
    margin-top: 0rem;
}
.sapMSinglePCAppointmentWrap::before {
    content: '';
    height: 32px;
    position: absolute;
    border-radius: 0.125rem 0 0 0.125rem;
    border-left: 0.3125rem solid;
    border-left-color: inherit;
    box-sizing: border-box;
    z-index: 1;
}
.img-patente {
	width: 34px !important;
    height: 35px !important;
    position: absolute !important;
    top: 1px !important;
    left: -3px !important;
}

.popover-combobox .sapMCLI {
	padding-top: 5px;
    padding-bottom: 5px;
}

.popover-combobox .sapUiHLayoutChildWrapper>.sapMText {
  position: absolute;
    bottom: 8px;
    left: 48px;
    font-size: 16px;
    color: #868686;
}

.btnPopoverClean > span{
	border: none !important;
    background: transparent !important;
}
.no-hr .sapMTBStandard {
    border-bottom: none !important
}

.calendar-custom .sapMSinglePCAppointments .sapUiCalendarApp.sapUiCalendarAppSel::after, .sapMSinglePCBlockers .sapUiCalendarApp.sapUiCalendarAppSel::after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 0;
    color: #ffffff;
    background-color: rgb(149 184 212 / 90%);
    border-radius: 0 0.125rem 0.125rem 0.125rem;
}

.boton-btn-clean:hover > span > span  {
	transition: .5s;
	font-size: 19px;
   color: #c0254a !important;
	
}
 

.boton-btn-clean:hover > span > span   > bdi{
    color: #c0254a !important;	
}

.boton-btn-clean > span {
	border: none !important;
    background: transparent !important;
}

.boton-btn-clean > span > span {
    font-size: 17px;
    transition: .3s;
}

.datepicker-rounded > div {
	border-radius: 5px !important;
}
	          
.cb-rounded > div {
	border-radius: 5px !important;
}


.checkbox-styled .sapMLabel{
	line-height: 38px !important;
    font-size: 13px !important;
    margin-left: 0px !important;
}
 .checkbox-styled .sapMCb {   
    margin-left: 0px !important;
    padding: 0 0 0 2.6rem !important;
}
 .checkbox-styled .sapMCbBg  {
    height: 21px !important;
    width: 21px !important;
    border-color: #0e5e8db0 !important;
 
 } 
 
.checkbox-styled .sapMCbBg.sapMCbMarkChecked:before {
    color: #1595d4 !important;
    font-size: 16px !important;
    line-height: 15px !important;
}

.popover-tracking .sapSuiteUiCommonsTimelineItemUserPicture {
    width: 2.5rem !important;
    height: 2.5rem !important;
}
  
.popover-tracking .sapMPopup-CTX .sapMIBar .sapMHeader-CTX {
    border-bottom: 1px solid #0163b0;
}

.popover-tracking .sapMPopoverHeader .sapMBarMiddle>.sapMBarPH {
    border-bottom: 1px solid #346187 !important;
}

.popover-tracking .sapMPopoverHeader .sapMTitle {
    font-size: 16px !important;
    margin-top: 15px !important;
    color: #2b577c !important;
    font-weight: 600 !important;
}

.sapSuiteUiCommonsTimelineHeaderBar {
    display: none;
}
 .button-clean-default > span {
	border: none !important;
	background-color: transparent !important;			
}
		   
.button-clean-default > span > span {
	color: #346187 !important;
    font-size: 27px;
}

.button-tracking > span > span {
    font-size: 19px !important;
}

.sapSuiteUiCommonsTimelineItemShellDateTime {
    text-align: left;
}
 
.sapSuiteUiCommonsTimelineItemTextWrapper, .sapSuiteUiCommonsTimelineItemShellHdr {
    text-align: left;
}

.sapSuiteUiCommonsTimelineScroll {
    height: auto !important;
}

.sapSuiteUiCommonsTimelineItemBarIconWrapperV span, .sapSuiteUiCommonsTimelineItemIconWrapper span {
    font-size: 1.5rem;
}


.sapSuiteUiCommonsTimelineItemShellDateTime {
    color: #c80c0c !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}

.sapSuiteUiCommonsTimelineItemShellBody {
    line-height: 1.2rem !important;
}

.sapSuiteUiCommonsTimelineItemBarIconWrapperV, .sapSuiteUiCommonsTimelineItemIconWrapper {
    color: #2b577c !important;
}

.full-content-sapui5 .sapMShellCentralBox {
       width: 100% !important;
	   left: 0 !important;
	   margin-left: 0px !important;
}
	   
.sapUiTableCell {
    box-sizing: border-box;
    border-right: none;
    border-bottom: 0.0625rem solid #e5e5e5;
   
}
 
 .calendar-custom .sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp .sapUiCalendarAppTitleWrapper.sapUiSPCAppLineClamp1 {
    max-height: 100%;
}
 
.calendar-custom .sapMSinglePCColumnHeader.sapUiCalRow  {
    display: none !important;   
 }
 
.calendar-custom .sapMSinglePCAppointments .sapUiCalendarAppCont, .sapMSinglePCBlockersColumns .sapUiCalendarAppCont {
    background-color: rgb(255 255 255) !important;
    border-color: #2d2d2d30;
    padding-left: 7px;
}
.calendar-custom .sapMSinglePCGrid .sapUiCalendarAppIcon {
    top: 0.8rem !important;
    margin-right: 0.5rem !important;
    font-size: 2rem !important;
    margin-right: 28px !important;
    color: #004e75;
}

.calendar-custom .sapUiCalendarAppText {
    float: left;
    color: #c03c3c !important;
    font-weight: 600;
    font-size: 14px !important;
    position: absolute;
    bottom: -3px;
    left: 10px;
}


.sapUiCalendarApp {
    border-left: 0.25rem solid initial !important;
}
.calendar-custom  .sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp {
    border-left: 0;
    position: relative;
    /*height: 78px !important;*/
    height: 63px !important;
    width: 323px;
    min-width: auto;
    margin-left: calc(50% - 15rem); 
    border-image: linear-gradient( to bottom, #066493, rgb(0 0 0 / 6%) ) 1 100% !important;
    box-shadow: 0px 0px 4px 0px rgb(38 119 159 / 31%) !important;
}
 
.calendar-custom .sapMSinglePCAppointmentWrap::before {
    content: '';
    /*height: 78px !important;*/
    height: 62px !important;
    position: absolute;
    border-radius: 0.125rem 0 0 0.125rem;
    border-left: 0.3125rem solid;
    border-left-color: inherit;
    box-sizing: border-box;
    z-index: 1;
    margin-left: calc(50% - 15rem);
    border-width: 6px;
}
.calendar-custom  .sapMSinglePCAppointmentWrap.sapUiCalendarRowApps .sapUiCalendarApp .sapUiCalendarAppTitle {
    padding-top: 0.4rem;
    font-size: 13px !important;
}
 
/*


.sapUiTableCell .sapMText {
    vertical-align: middle;
    font-size: 13px;
}
.sapUiTableCell {
    box-sizing: border-box;
    border-right: none;
    border-bottom: 0.0625rem solid #e5e5e5;
}

.sapUiTableCCnt {
    position: relative;
    overflow: hidden;
    border-bottom: none;
}

.sapUiTableCnt {
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    border-left: 0.0625rem solid #dddddd;
    border-right: 0.0625rem solid #dddddd;
    border-top: 0.0625rem solid #e5e5e5;
    border: none;
    background-color: #ffffff;
}
*/


html.sap-desktop ::-webkit-scrollbar-thumb {
    background-color: #495e70cc!important;
}
html.sap-desktop ::-webkit-scrollbar-thumb {
    background-color: #495e70cc!important;
}
.sapUiTableVSb::-webkit-scrollbar-thumb, .sapUiTableHSb::-webkit-scrollbar-thumb, .sapUiTableVSbExternal::-webkit-scrollbar-thumb, .sapUiTableHSbExternal::-webkit-scrollbar-thumb {
    background-color: #495e70cc!important;
}
.has-text-primary {
	color: #3273dc;
}

.has-text-success {
	color: #23d160;
}

.has-text-danger {
	color: #ff3860;
}

.has-text-weight-bold {
	font-weight: 700 !important;
}

.is-size-4 {
	font-size: 1.5rem !important;
}
/* Bulma CSS - Fin */
.text-center {
	text-align: center;
}

.w-100 {
	width: 100%;
}

.divLoginPage {
	background-image: url('../img/page-age2.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #464646;
}

.divMenuPage {
	background-image: url('../img/page-age2.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #464646;
}

.card {
	 
	background-color: white;
	padding: 20px 50px;
	margin-top: 200px;
	margin-bottom: 25px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	transition: 0.3s;
	background-color: white;
}

.card:hover {
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}

.card-img-container {
	width: 100%;
	text-align: center;
}

.card-img-login {
	width: 50%;
	height: 50%;
	content: url('../img/pruebas/login.png');
}

.card-img-login-title {
	text-align: center;
	font-size: 22px;
	color: #113861;
}

.card-img-app {
	width: 50%;
	height: 50%;
	margin-top: 20px;
	margin-bottom: 20px;
	content: url('../img/pruebas/app.png');
}

.card-img-owner {
	width: 100%;
	height: 100%;
	content: url('../img/pruebas/owner.PNG');
}

.card-input {
	background-color: #EBEBEB;
	padding: 10px;
	border-width: 0px;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 10px;
}

.card-input::placeholder {
	color: grey;
}

.card-reset-password {
	margin-top: 7px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	font-size: 10px;
}

.card-button {
	margin-top: 20px;
	width: 100%;
	border-width: 0px;
	background-color: #B1E08E;
	padding: 13px;
	text-transform: uppercase;
	color: white;
	font-size: 12px;
}

.card-divider {
	margin-top: 15px;
	margin-bottom: 15px;
}

.card-register {
	font-size: 10px;
	text-align: center;
	margin-bottom: 50px;
}

.card-register-link {
	text-decoration: underline;
	cursor: pointer;
	color: #333333
}

.bubble {
	stroke-width: 2px;
	stroke: white;
}

.bubble:hover {
	stroke: black;
}
.sapUiVlt.sapUiContentPadding {
	box-shadow: 0px 0px 15px #c0c0c0;
    margin-top:15px;
    box-sizing: border-box;
	background-color: rgba(255, 250, 250, 0.6);
     width:100%;
     height: 540px;
    
}
.sapUiHLayout.sapUiContentPadding{
	box-shadow: 0px 0px 15px #c0c0c0;  
    box-sizing: border-box;
    background-color: white;
    width: 100%;
     
}
.divanMenuTile:hover{
	width: 198px;
	height: 230px;
	margin-left:-1px;
	margin-top:-2px;
	transition: 1s;
	font-color: white;
	background-color: rgba(149, 25, 28, 0.5);	
	-webkit-box-shadow: 0px 2px 31px 0px rgba(255,255,255,1);
    -moz-box-shadow: 0px 2px 31px 0px rgba(255,255,255,1);
    box-shadow: 0px 2px 31px 0px rgba(255,255,255,1);
}
.divanMenuTile:hover > div > div > div{
	transition: 0.5s;
	color: white;
	 
}
.divanMenuTile > div > div > div{

	font-family: "Lucida Sans Unicode, Lucida Grande, sans-serif";
	font-size: 20px;
	transition: 0.5s;
	 
}
.divanMenuTile{

	border-color: #c0c0c0;
	box-shadow: 0px 0px 5px #c0c0c0;
	background-color: rgba(255, 250, 250, 0.8);
    width: 192px;
	height: 224px;
	
}

.sapMIBar.sapMHeader-CTX{
	background-image: url("../img/linea.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover ;
    width: 100%;
}

.sapMIBar.sapMHeader-CTX > div > div > div > span{
   font-size: 22px;	
   font-family: "Lucida Sans Unicode, Lucida Grande, sans-serif";
   color:white;	
}
.sapMIBar.sapMHeader-CTX > div > button > span > span{
	  color:white;	
}

.sapMPage.sapUiContentPadding>section {
background: rgba(248,250,251,1);
background: -moz-linear-gradient(-45deg, rgba(248,250,251,1) 0%, rgba(248,250,251,0.99) 2%, rgba(223,231,236,0.87) 28%, rgba(234,244,251,0.66) 70%, rgba(234,244,251,0.52) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(248,250,251,1)), color-stop(2%, rgba(248,250,251,0.99)), color-stop(28%, rgba(223,231,236,0.87)), color-stop(70%, rgba(234,244,251,0.66)), color-stop(100%, rgba(234,244,251,0.52)));
background: -webkit-linear-gradient(-45deg, rgba(248,250,251,1) 0%, rgba(248,250,251,0.99) 2%, rgba(223,231,236,0.87) 28%, rgba(234,244,251,0.66) 70%, rgba(234,244,251,0.52) 100%);
background: -o-linear-gradient(-45deg, rgba(248,250,251,1) 0%, rgba(248,250,251,0.99) 2%, rgba(223,231,236,0.87) 28%, rgba(234,244,251,0.66) 70%, rgba(234,244,251,0.52) 100%);
background: -ms-linear-gradient(-45deg, rgba(248,250,251,1) 0%, rgba(248,250,251,0.99) 2%, rgba(223,231,236,0.87) 28%, rgba(234,244,251,0.66) 70%, rgba(234,244,251,0.52) 100%);
background: linear-gradient(135deg, rgba(248,250,251,1) 0%, rgba(248,250,251,0.99) 2%, rgba(223,231,236,0.87) 28%, rgba(234,244,251,0.66) 70%, rgba(234,244,251,0.52) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8fafb', endColorstr='#eaf4fb', GradientType=1 );	
}
.sapMPage>.sapMPageHeader + section, .sapMPage>.sapMPageSubHeader + section, .sapMPage>.sapMPageHeader + .sapUiHiddenPlaceholder + section{
}
.sapMPage>section.sapMPageEnableScrolling{
	/*
		background: rgba(248,250,251,1);
		background: -moz-linear-gradient(-45deg, rgba(248,250,251,1) 0%, rgba(248,250,251,0.99) 2%, rgba(223,231,236,0.87) 28%, rgba(234,244,251,0.66) 70%, rgba(234,244,251,0.52) 100%);
		background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(248,250,251,1)), color-stop(2%, rgba(248,250,251,0.99)), color-stop(28%, rgba(223,231,236,0.87)), color-stop(70%, rgba(234,244,251,0.66)), color-stop(100%, rgba(234,244,251,0.52)));
		background: -webkit-linear-gradient(-45deg, rgba(248,250,251,1) 0%, rgba(248,250,251,0.99) 2%, rgba(223,231,236,0.87) 28%, rgba(234,244,251,0.66) 70%, rgba(234,244,251,0.52) 100%);
		background: -o-linear-gradient(-45deg, rgba(248,250,251,1) 0%, rgba(248,250,251,0.99) 2%, rgba(223,231,236,0.87) 28%, rgba(234,244,251,0.66) 70%, rgba(234,244,251,0.52) 100%);
		background: -ms-linear-gradient(-45deg, rgba(248,250,251,1) 0%, rgba(248,250,251,0.99) 2%, rgba(223,231,236,0.87) 28%, rgba(234,244,251,0.66) 70%, rgba(234,244,251,0.52) 100%);
		background: linear-gradient(135deg, rgba(248,250,251,1) 0%, rgba(248,250,251,0.99) 2%, rgba(223,231,236,0.87) 28%, rgba(234,244,251,0.66) 70%, rgba(234,244,251,0.52) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8fafb', endColorstr='#eaf4fb', GradientType=1 );
     */
}





  
          .form-new-order   {
            transition-timing-function: ease-in-out;
            padding: 1rem;
		    margin: 10px;
		    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
		    border-radius: 10px;
		    background: #fff;
          
          }
          
          .border-top-form {
              border-top: 6px solid #f7562b73;
          
           }
           
           .vertical-center {
               margin-top: 10px;
               font-size: 20px;
           
            }
            
            .flex-100 > div {
               transition:2s;	
               width: 100% !important;
            
            } 
            
            .label-black {
                font-size: 14px;
			    line-height: 1.42857;
			    color: #5a5a5a;
			    font-weight: 400;
            
             }
             
             
      
             label:first-child input[type=radio] {
			    width: 12px;
			    height: 12px;
			    margin-right: 10px;
			}
			
			label:last-child input[type=radio] {
			    transform: scale(1.5);
			    margin-right: 10px;
			}
	 
			
			
			
			.text-center {
			  text-align: center !important;			
			}
			
			.titulo-talks {
			    font-weight: 700;
			    color: #f7562ba6;
			    text-align: left;
			
			 }
			 
			 .label-gray {			 
			     color: #373737bd !important;              			 
			 }
			 
			 .card-3 > div {		
			     transition:2s;		
			     width:93% !important;  				    
			 }	  
			 
			 
			 @media screen and (min-width: 768px){
			 
				 .flex-100 > div {
				     transition:2s;
					 width: 80% !important;
				  }
				  
				  .card-3 > div {		
				     transition:2s;		  
				     width: 77% !important;
				  
				  }
			  
			  
			   }
			
			.form-check .form-check-input:checked~.form-check-sign .check {
			    background: #9c27b0 !important;
			}
			
			/*
			.checkbox-form > input {
			    position: relative;
			    display: inline-block;
			    width: 20px;
			    height: 20px;
			    border: 1px solid rgba(0, 0, 0, .54);
			    overflow: hidden;
			    z-index: 1;
			    border-radius: 3px;
			    margin-bottom: 5px;
		    
		    }
      
      
      
	       .checkbox-form > label {
	            vertical-align: bottom !important;
	            margin-left: 5px;
	       }
	       
	       */
	       .btn-verde > span {
	            color: #fff;
			    background-color: #4caf50;
			    border-color: #4caf50;
			    box-shadow: 0 2px 2px 0 rgba(76, 175, 80, 0.14), 0 3px 1px -2px rgba(76, 175, 80, 0.2), 0 1px 5px 0 rgba(76, 175, 80, 0.12);				           	       
	       }
	       
	       .btn-verde > span:hover {
			  color: #fff;
			  background-color: #47a44b !important;
			  border-color: #39843c !important;
		   }
		   
		   
		   .sapMIBar.sapMHeader-CTX {
			    /*display: none !important;*/
			}
			
			
			.swal2-popup .swal2-styled.swal2-confirm {
			    font-weight: 700 !important;
			    border-radius: 10px !important;
	            background-color: #4caf50c7 !important;
	            height: 42px !important;
	            
			}
			
			.swal2-popup .swal2-styled.swal2-cancel {
			    font-weight: 700 !important;
			    background-color: rgba(221, 51, 51, 0.81) !important;
			    border-radius: 10px !important;
			    height: 42px !important;
			}
			
			.swal2-popup #swal2-content {
			    text-align: center !important;
			    font-weight: 600 !important;
			    color: #00000094 !important;
			}
			 
			
			
			.swal2-popup {
			    border-radius: 15px !important;
			}
			
 

     .background-clean {
        background: #ffffff;
      }
      
      
     .btn-header-main > span > span {
          color: #292526c7;
      }  
      
      .sapMShellBrandingBar {
         display:none;
	   
	  }
	  
      .card .card-header-success .card-icon, .card .card-header-success:not(.card-header-icon):not(.card-header-text), .card .card-header-success .card-text {
            box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px #48b6b687;
      }
      

	  .card .card-header-success .card-icon, .card .card-header-success .card-text, .card .card-header-success:not(.card-header-icon):not(.card-header-text), .card.bg-success, .card.card-rotate.bg-success .front, .card.card-rotate.bg-success .back {
	       background: linear-gradient(60deg, #c37ad0, #1aa0a1); 

	  }


	  .card [class*="card-header-"]:not(.card-header-icon):not(.card-header-text):not(.card-header-image) {
	       border-radius: 3px;
	       margin-top: -20px;
	       padding: 8px;
	  }	  
	  
	  .texto-detalle {
	  
		   font-size: 13px;
	       line-height: 1.42857;
	       color: #808080;
	       font-weight: 400;
	   }
	   
	   
	   
	          
      .combobox-global {
           border-radius: 5px !important;
           margin-top: 0px !important;
           background: none !important;
           margin-bottom: 8px !important;  
           border-color: #ced4da !important; 
       } 
       
       .combobox-global > div {
            border: none !important;
           
        }
       
       .combobox-global > div > input {      
           color: #000000a6 !important;
       
       }
       
             
       .input-sin-datos {   
          border-color: #fab1b1 !important;
          border-bottom: 1.4px solid #ced4da;
           
       }
       
       
       .header-blanco {
          background: white !important;
          border: none !important;
     
       }
       
       
       .btn-aceptar > span {
          background: linear-gradient(#ffffff,#ffffff) padding-box, linear-gradient(to right, #70d5da, #4770df) border-box !important;
	      color: #313149 !important;
	      border: 1.5px solid transparent !important;
	      border-radius: 6px !important;
	      display: inline-block !important;
	      transition:1s;
  
       
      
       }
      
      .btn-aceptar > span > span {
          color: #3a93be;
 
      }
      
      .btn-cancelar > span {
          background: linear-gradient(#ffffff,#ffffff) padding-box, linear-gradient(to right, #ff9800, #bb0000) border-box !important;
	      color: #313149 !important;
	      border: 1.5px solid transparent !important;
	      border-radius: 6px !important;
	      display: inline-block !important;
          transition:1s;
      }

      
      .btn-cancelar > span > span {
          color: #bb0000a6;
 
      }
      
      
      .btn-exportar > span {
          background: linear-gradient(#ffffff,#ffffff) padding-box, linear-gradient(to right, #58d888, #349e08) border-box !important;
	      color: #313149 !important;
	      border: 1.5px solid transparent !important;
	      border-radius: 6px !important;
	      display: inline-block !important;
          transition:1s;
      }

      
      .btn-exportar > span > span {
         color: #29a803cc;
 
      }
      
      
       .btn-sin-margen > span {
          border:none !important;
          background: transparent !important;
       }
       
       
      .btn-margen-size > span > span {
          transition:1s;
          color: #3a93be;
       }
       
      .btn-margen-size > span > span:hover {
          transition:1s;
          color: #bb0000a6;
          font-size: 25px;
      
      }
      
      
      .sapMRb>.sapMLabel {
	    max-width: none !important;
	    padding-right: 1px;
		}
		
		label {
	  
	      margin-bottom: .0rem !important;
     
		} 
		
		
	  .sapMCb>label {
         vertical-align: middle !important;
 
     }
     
     
     
     
.state-info { 
    border-left: 4px solid #1c80b2 !important;
    border-bottom: 0.1px solid #1c80b221 !important;
    border-image: linear-gradient( to bottom, #066493, rgb(0 0 0 / 6%) ) 1 100% !important;
    box-shadow: 0px 0px 4px 0px rgb(38 119 159 / 31%) !important;
    				
}

.state-info .desc-fundo > span {
	color: #1c80b2e0 !important;
}

.state-info .desc-variedad  > span {
	color: #1c80b2 !important;
}
 
.state-info .icon-color {
	color: #1c80b2 !important;
    margin-left: 8px !important;
    top: 16px;
    font-size: 45px !important;
 
}

.state-info .txt-status-list {
	color: #1c80b2 !important;	
	text-shadow: 0 0 0.06rem #1c80b2 !important;
	font-family: 'Font Awesome 5 Free' !important;
    margin-top: 47px;
}

.list-status-small .icon-color {
    line-height: .8 !important;
    top: -2px !important;
}



.state-succes { 
    border-left: 4px solid #15a63f !important;
    border-bottom: 0.1px solid #15a63f1a;
    border-image: linear-gradient( to bottom, #028127, rgb(0 0 0 / 6%) ) 1 100%;
      box-shadow: 0px 0px 4px 0px rgb(25 123 53 / 31%) !important;
    transition: .2s !important;
}
 
.state-succes .icon-color {
	color: #15a63f  !important;
    margin-left: 8px !important;
    top: 16px;
    font-size: 45px !important;
}

.state-succes .txt-status-list {
    color: #15a63fcf !important;
	text-shadow: 0 0 0.06rem #15a63f;
	font-family: 'Font Awesome 5 Free' !important;
    margin-top: 47px;
}
.state-succes .desc-fundo > span {
	color:  #15a63f !important;
}

.state-succes .desc-variedad  > span {
	color:  #15a63f !important;
}






.state-warning {
    border-left: 4px solid #d9961a !important;
    border-image: linear-gradient( to bottom, #d9961a, rgb(0 0 0 / 6%) ) 1 100%;
    	box-shadow: 0px 0px 4px 0px rgb(219 189 132 / 59%) !important;
    transition: .2s !important;
}
.state-warning:hover {
    border-left: 4px solid #d9961a !important;
    border-image: linear-gradient( to bottom, #d9961a, rgb(0 0 0 / 6%) ) 1 100%;
        box-shadow: 0px 0px 7px 1px rgb(219 189 132 / 59%) !important;
    transition: .2s !important;
    background: linear-gradient(to right, #f2f2f24d, #ffffff30) !important;
}
 
.state-warning .icon-color {
	color: #d9961a  !important;
    margin-left: 8px !important;
    top: 16px;
    font-size: 45px !important;
}
.state-warning .txt-status-list {
	color: #d9961a  !important;
	text-shadow: 0 0 0.06rem #d9961a;
	font-family: 'Font Awesome 5 Free' !important;
    margin-top: 47px;
}

.state-warning .desc-fundo > span {
	color:  #d9961a !important;
}

.state-warning .desc-variedad  > span {
	color:  #d9961a !important;
}



.state-error {
	border-left: 4px solid #e02d2d !important;	
	border-bottom: 0.1px solid #e02d2d14;
    border-image: linear-gradient( to bottom, #e02d2d, rgb(0 0 0 / 6%) ) 1 100%;
    box-shadow: 0px 0px 4px 0px rgb(255 198 198 / 84%) !important;
}
 
.state-error .icon-color {
	color: #e02d2d  !important; 
    margin-left: 8px !important;
    top: 16px;
    font-size: 45px !important;
} 
.state-error .txt-status-list {
	color: #e02d2d  !important; 
	text-shadow: 0 0 0.06rem #e02d2d;
	font-family: 'Font Awesome 5 Free' !important;
	margin-top: 47px;
}

.state-error .desc-fundo > span {
	color: #e02d2dc2 !important;
}

.state-error .desc-variedad  > span {
	color:  #e02d2d !important;
}  
.sapSuiteUiCommonsTimelineHeaderBar {
    display: none;
}
.sapSuiteUiCommonsTimelineItemShell {
    filter: blur(0.1px);
}
.sapSuiteUiCommonsTimelineItemShellDateTime {
    text-align: left;
}
 
.sapSuiteUiCommonsTimelineItemTextWrapper, .sapSuiteUiCommonsTimelineItemShellHdr {
    text-align: left;
}

.sapSuiteUiCommonsTimelineScroll {
    height: auto !important;
}

.sapSuiteUiCommonsTimelineItemBarIconWrapperV span, .sapSuiteUiCommonsTimelineItemIconWrapper span {
    font-size: 1.5rem;
}

.button-ws {
	position: absolute;
    right: 4px;
    top: -1px;
    background: transparent !important;
    transition: .1s;
}
.button-ws:active > span > img {
	filter: opacity(0.7);
    transition: .1s;
}

.button-ws:active > span {
	outline: none !important;
	outline-offset: none !important;
}
.button-ws > span {
	border: none;
	background: transparent !important;
}



.button-inputlist:active > span > img {
	filter: opacity(0.7);
    transition: .1s;
}

.button-inputlist:active > span {
     outline: none !important;
     outline-offset: none !important;
}

.button-ws .sapMBtnInner .sapMBtnIcon.sapMImg {
    width: 56px;
    height: 55px;
    max-width: 61px;
    max-height: 60px;
}

 .button-inputlist .sapMBtnInner .sapMBtnIcon.sapMImg {
    width: 56px;
    height: 45px;
    max-width: 61px;
    max-height: 60px;
}  
.button-inputlist > span {
	border: none !important;
	background-color: transparent !important;			
}

.button-inputlist > span > span {
	font-size: 28px
}
		   
.button-inputlist {
    right: 7px;
    position: absolute;
    bottom: 11px;
}
 
.text-hora {
	font-size: 20px;
    color: #c03c3c;
    font-weight: 600;
}

 
.card-footer-mb {
	margin-left: -50px;
}
 
.list-card .sapMObjectNumberStatusNone {
    display: none !important;
}

.list-first-desc {
    font-weight: 600;
    color: #575757;
}

.list-first-text {
	font-weight: 600;
    color: #575757;
}

.sapSuiteUiCommonsTimelineItemBarIconWrapperV span, .sapSuiteUiCommonsTimelineItemIconWrapper span {
    font-size: 2rem !important;
}

.sapSuiteUiCommonsTimelineItemBox {
    box-shadow: 0px 0px 1px 0px rgb(38 119 159 / 31%) !important;
}

.card-chart {
	border: 1px solid #0000000a;
    border-radius: 7.5px;
    background: #fff;
    margin-bottom: 20px;
    box-shadow: rgb(0 0 0 / 18%) 0px 1px 4px;
}

.card-header-chart {
    border-bottom: 1px solid #00000014;
    padding: 5px;
    height: 3.5rem;
}

.card-body-chart {
	padding: 5px;
    width: 100%;
    height: 100%;
}

.card-header-items {
	display: inline-flex;
	align-items: center;
}

.card-header-item {
	 
}

.btn-card-top-right {
	position: absolute;
    right: 23px;
    top: 4px;
}

.btn-card-ghost > span {
	border: none;
    background: transparent;
}

.titulo-card-chart {
    padding-top: 10px;
    font-size: 20px;
    padding-left: 13px;
    color: #272d33;
}

.hola-3 > div > section {
	 
}

.header-new-page {
	box-shadow: inset 0 -0.25rem 0 -0.125rem #d1e0ee3d;
    background-color: #ffffff;
 
    padding-top: 16px;
}

.cb-global-clean > div {
    border-radius: 4.5px;
}

.dp-clean-global > div {
	border-radius: 4.5px;
}

.full-width-felxbox > div {
	width: 100% !important;
}

.icontab-header {
	
}

.icontab-header .sapMITBContent {
	padding: 0px
}

.header-panel {
	margin-left: 5px;
	padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0px !important;
    box-shadow: inset 0 -0.25rem 0 -0.125rem #d1e0ee3d; 
}

.textarea-round > div {
   border-radius: 4.5px !important;
}

.modal-design .sapMIBar.sapMHeader-CTX{
	background: #427cac !important;
}

.modal-design .sapMIBar-CTX .sapMTitle {
	color: white !important;
}

.modal-design .sapMDialogTitle .sapMDialogIcon.sapUiIcon {
	color: white !important;
}


.drawLine{
  position:relative;
  text-align: initial;
}

.drawLine:before{
  content:"";
  position:absolute;
  top:50%; 
  left:0;
  width:100%;
  height:1px;
  background:#ccc;
}

.drawLine span{
    display: inline-block;
    background: #fff;
    position: relative;
    padding-right: 5px;
    padding-left: 5px;
    color: #000000ba;
    margin-left: 25px;
}

.formulario-style, label {
    color: #838383 !important;
}

.form-top-right {
	position: absolute;
    top: 18px;
    right: 36px;
}

 
.button-form-clean .sapMBtnInner{
	border: none !important;
    background: transparent !important;
    padding-left: 25px !important;
    font-size: 15px !important;
    outline: none !important;
}

.form-top-right-2 {
	position: absolute;
    top: 18px;
    right: 173px;
}

.formulario-style .sapMRbSvg {
    overflow: initial !important;
}

.check-style {
	padding-left: 40px !important;
}

.table-status-none .sapUiTableRowHighlightNone {
   background-color: #8738a2;
}


.chart-container {
	max-height: calc(100vh - 270px);
	overflow-y: auto; 
	padding:18px; 
	background: #fff;
}


.chart-container-agricola {
	max-height: calc(100vh - 300px);
	overflow-y: auto; 
	padding:18px; 
	background: #fff;
}

.custom-gutter > [class^="col-"] {
  margin-right: 5px !important;
}

.header-panel .sapMInputBaseIcon {
    position: absolute !important;
}

.header-panel  .sapMInputBaseIconContainer {
	position: absolute !important;
}

.header-panel .sapMTokenizer .sapMToke {
	max-width: -webkit-fill-available !important;
}

.header-panel .sapMTokenizerScrollContainer {
    max-width: calc(298px - 148px) !important;
}

.buttons-top-right-panel {
	
	position: absolute !important;
    top: 0px !important;
    right: 0px !important;
    top: -89px !important;
 
}

.butoons-clean-panel .sapMBtnInner {
	border: none;
    background: transparent;
    transition: .4s !important;
	
}

.butoons-clean-panel .sapMBtnText>.sapMBtnIcon {
	font-size: 17px !important;
	color: #136ab3 !important;
   
}

.butoons-clean-panel .sapMBtnContent {
	font-size: 17px !important;
	color: #346187 !important;
    text-shadow: 0 0 0.125rem #ffffff;
}



.butoons-clean-panel  .sapMBtn:hover>.sapMBtnHoverable { 
	background: #ffffffbf !important;
    border-radius: 5px !important;
    transition: .4s !important;
}

.butoons-clean-panel .sapMBtn:focus>.sapMFocusable { 
	outline: none !important;
}