/* Buttons */
 bc-button,
 .bc-button {
     text-transform: none;
     border-radius: 4px;
     box-shadow: none!important;
     align-items: center;
     display: inline-flex;
     height: 36px;
     padding: 0 16px;
     flex: 0 0 auto;
     font-size: 14px;
     justify-content: center;
     margin: 6px 8px;
     min-width: 80px;
     outline: 0;
     text-decoration: none;
     position: relative;
     vertical-align: middle;
     border-width: 1px;
     background-color: #ddd;
     border-style: none;
     cursor: pointer;
     white-space: nowrap;
     transition: background-color 0.3s ease;
 }
 
bc-button[primary],
.bc-button[primary]{
     background-color: #4D59A5;
     color: #fff;
 }
 
 .bc-button[secondary] {
     background-color: #fff;
     color: #4D59A5;
     border-style: solid;
     border-color: #4D59A5;
     height: 34px;
     padding: 0 15px;
 }
 
 .bc-button[tertiary] {
     background-color: #ECEDF1;
 }
 
 .bc-button[ghost] {
     background-color: #fff;
 }
 
 .bc-button[danger] {
     background-color: #F02D1F;
     color: #fff;
 }
 
 .bc-button[disabled] {
     background-color: rgba(0,0,0,.10);
     color: rgba(0,0,0,.20);
     cursor: not-allowed;
     pointer-events: none;
 }
 
 .bc-button[disabled] > i {
     color: rgba(0,0,0,.50)!important;
 }

 bc-button[primary]:hover, 
 .bc-button[primary]:hover {
     background-color: #3F4A8D;
 }
 
 .bc-button[secondary]:hover {
     background-color: #EFF1FA;
 }
 
 .bc-button[tertiary]:hover {
     background-color: #E0E1E6;
 }
 
 .bc-button[ghost]:hover {
     background-color: #ECEDF1;
 }
 
 .bc-button[danger]:hover {
     background-color: #D71509;
 }
 
 .bc-button:focus:before {
     content: '';
     position: absolute;
     top: -2px;
     width: 100%;
     height: 100%;
     border:2px solid #89B7F4;
     border-radius: 6px;	
 }
 
 .bc-button[secondary]:focus:before {
     top: -3px;
     width: calc(100% + 2px);
     height: calc(100% + 2px);
 }
 
 .bc-button[small] {
     height: 28px;
     padding: 0 8px;
     font-size: 13px;
     min-width: 60px;
 }
 
 .bc-button[secondary small] {
     height: 26px;
     padding: 0 7px;
 }
 
 .bc-button > i {
     min-width: 19px;
     font-size: 18px;
     margin-right: 5px;
     transition: all 0.3s;
 }
 
 .bc-button > i[right] {
     margin: 0 0 0 5px;
 }
 
 .bc-button[small] > i {
     font-size: 16px;
     min-width: 16px;
 }
.esdControls .bc-button[icon] 
{
    top: -5px;
}
.bc-button[icon] {
    min-width: auto;
    width: 28px;
    height: 28px;
    padding: 0;
    margin: 2px;
    border-radius: 100%;
    background-color: #fff;
}
 
 .bc-button[icon]:hover {
     background-color: #ECEDF1;
 }
 
 .bc-button[icon]:focus:before {
     border-radius: 100%;	
 }
 
 .bc-button[icon] > i {
     padding: 0;
     margin: 0;
     font-size: 14px;
     min-width: auto;
	 font-family: 'Font Awesome 5 Pro'!important;
 }
 
 .bc-button[icon].white {
     background-color: transparent;
     color: #fff;
 }
 
 .bc-button[icon].white:hover {
     background-color: #ECEDF1;
     color: #4D59A5;
 }
 
 .bc-icon-button-group {
     display: inline-flex;
 }
 
 .bc-icon-button-group > button {
     margin:1px!important;
 }
 /* / Buttons */