html, body{
    font-size: 105%;
    color: #77414f;
}

.btn {
    box-shadow: unset!important;
} 

.btn-secondary.focus, .btn-secondary:focus {
    box-shadow: unset!important;
}

a {
    color: #de486d;

}
a:visited {
    color: #de486d;
}
.text-primary{ 
    color: #de486d!important;
}
.btn-primary {    
    background-color: #9a3a52!important;
    border-color: #864469!important;
}
.tooltip {  width:auto!important;}
.tooltip-inner { color: #002c94;background-color: #392701; max-width:500px;}
.tooltip .arrow::before { border-bottom-color: #392701; }        

.frametitle {
    text-align: right;
    color: #77414f;
    font-size: 20px;
    padding-top: 6px;
    padding-right: 2px;        
}

.pagetitle {
    text-align: left;
    color: #77414f;
    font-size: 20px;
    padding-top: 6px;
    padding-right: 2px;        
}

.en-menu-left {
    text-align: right;
    border-right: 1px solid #e6d9bc;
    padding-left: 7px;
    padding-right: 0;
    padding-top: 4px;
    height: -webkit-fill-available;
    background-color: #faf0f2;
    position: fixed;
    left: 0px;
    width: 13%;
    bottom: 0;
    top: 76px;
}
#fcw {
    margin-top:12px;
}
#pagecontainer {
    padding-left:7px;
    padding-right:7px;            
}
.en-pagecontainer {
    background-color:#fff;
    width: 87%;
    min-width: 87%;
    height:100%;            
    overflow-x:hidden;
    overflow-y: auto;
    margin-left: 13%;
    
}

.en-page-row {
    margin-left: -2px;
    margin-top: 5px;
    margin-right: -2px;
    background-color: #faf0f2;
    border-radius: 8px;
    padding: 5px;        
}

.en-menu-button {
    height:30px;                
    color: #392701;
    font-size:18px;
    text-align:left;
    margin:6px;
    background-color: #faf0f2;
    padding-left:8px;
    padding-top:1px;
    cursor: pointer;        
}

.en-menu-button I {
    color: #392701;
}

.en-menu-button-head {
    height:40px;               
    text-align: left;
    color: #392701;
    font-size:18px;
    font-style: italic;
    padding-top:10px;        
    margin-bottom:8px;    
    border-bottom: 1px solid #e6d9bc;
}

.en-menu-button:hover {
    background-color: #1f5bf4;
    color: #392701;
    border-left: 4px inset #392701;
}
.en-menu-button:active {
    border: 1px solid #392701;
    color: #392701;
    background-color: #1f5bf4;
}

.en-menu-button-selected{
    border-left: 4px inset #392701;
    color: #392701;
    background-color: #1f5bf4;     
}

.en-main-container {            
    min-width: 100%;
    max-width: 100%;
    background-color:#eee;            
}      

.loader-fullbox {        
    position: absolute;
    top: 0;
    left: 0;
    z-index: 500;    
    right: 0;
    bottom: 0;
    margin: auto;
    margin-left: 13%;
    height: 100%;
    padding: 40%;
    padding-top: 38%;
    display: none;
}        


.mb-tab-row {
    padding: 6px;
    display: flex;
    align-items: center;		
}
.mb-tab-row .form-control{
    font-size: 14px;
}

.mb-tab-row .mb-label label{
    color:#333;
    font-size: 14px;
    font-weight: 500;
    margin-top:7px;                 
    padding-left: 20px;                   
}
.mb-form-cancel-button{
    display: none;
}
.mb-form-submit-button{
    display: none;
}        

.mb-top  {
    display: block;
    position: fixed;
    margin: 0;
    z-index: 9999;
    bottom: 0;
    width: 100%;
    left: 0;
    right:0;                    
}

.mb-smallbutton {
    background-color: #fff;
    border-width: 0;            
    height: 19px;
    margin-top: -1px;
    padding: 0px;     

}

.add-on {
    color: #84c477;
    font-size: 26px;
    position: absolute;
    top: -3px;
    left: 188px;            
}

.datetimepicker {
    margin-top: 3px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    direction: ltr;
    padding: 11px;
    font-size: 14px; 
    margin-left: 10px;           
}

  .nav-tabs .nav-link.active {
    color: #392701;    
  }
  .nav-item a {
      color:#392701;
  }
  .navbar {
    background-color: #faf0f2!important;
  }