#chargeDefinitionModal .modal-lg,
#fxMarginModal .modal-lg ,
#taxDefinitionModal .modal-lg{
    width: 80%;
}


#fxMarginModal .modal-footer, 
#taxDefinitionCreateModal .modal-footer{
	 border-top: 1px solid #D9D9D9;
}

#fxMarginModal div.modal-body {
	 padding-right: 8px;
}


/*#chargeDefinitionModal */
.nav-link {
    padding-bottom: 3px;
    color: #a6a6a6;
}

/*#chargeDefinitionModal */
.nav-tabs {
    /*border-style: none;*/
}

#chargeDefinitionModal .modal-body,
#fxMarginModal .modal-body{
    margin-top: 0;
    padding-top: 0;
    padding-right: 0;
}

#chargeDefinitionModal .modal-footer{
    border-top: 1px solid #D9D9D9;
}


.group-expand-link {
    position: absolute;
    left: -24px;
    background-color: #fff;
    border: 1px solid #D9D9D9;
    border-right-style: none;
    padding: 10px 5px;
    top: 13px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.group-collapse-link {
    position: absolute;
    left: -1px;
    background-color: #fff;
    border: 1px solid #D9D9D9;
    border-left-style: none;
    padding: 10px 5px;
    top: 13px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.group-action-container {
    /*height: 67vh;*/
    /*border-left: 1px solid #d9d9d9;*/
    /*border-right: 1px solid #d9d9d9;*/
}

.group-action-link {
    color: #666666;
    text-decoration: none;
}

.group-action-link:hover {
    color: #2A7AB8;
    text-decoration: none;
}

.group-action-link.active {
    color: #2A7AB8;
    text-decoration: none;
}

#chargeDefinitionModal div.modal-body,
#taxDefinitionModal div.modal-body,
#fxMarginModal div.modal-body {
    padding-bottom: 0px;
    /*padding-right: 0px;*/
}

.charge-details-container,
.upload-category-details {
    /*float: right;*/
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .25s;
       -o-transition-duration: .25s;
          transition-duration: .25s;
  -webkit-transition-property: width;
       -o-transition-property: width;
          transition-property: width;
}



/* .charge-definition-container {
    position: relative;
    width: 100%;
}

.charge-details-container {
    position: absolute;
    right: -50px;
    width: 50%;
    height: 100px;
    -webkit-transition: 1s;
    transition: 1s;
}

.expand-detail {
    right: 0;
    width: 100%;
    -webkit-transition: 1s;
    transition: 1s;
}

.hide-header {
    visibility: hidden;
    opacity: 0;
}

.show-header {
    left: -50px;
    width: 50%;
    -webkit-transition: visibility 1s, opacity 1s linear;
    visibility: visible;
    opacity: 1;
    transition: visibility 1s, opacity 1s linear;
    transition-delay: 0.2s;
} */

.add-charge-rule-container {
/*    max-height: 28vh;
    overflow-y: auto;
    overflow-x: hidden;*/
}

.add-charge-group-content-container {
    /*min-height: 54vh;*/
    /*max-height: 54vh;*/
    overflow-y: auto;
    overflow-x: hidden;
}

.charge-group-container {
  position: relative;
  /*width: auto;*/
}

.charge-details-overlay {
  position: absolute;
  bottom: 0;
  left: 100%;
  right: 0;
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: .5s ease;
  background-color: #fff;
  z-index: 3;
  color: #fff;
}

.charge-group-container .charge-details-overlay.show {
  width: 60%;
  left: 40%;
  color: #000;
}

.charge-details-overlay .control-label,
.charge-details-overlay .control-value {
  /*-webkit-transform: translate(-50%, -50%);*/
  /*-ms-transform: translate(-50%, -50%);*/
  /*transform: translate(-50%, -50%);*/
}

.control-value {
    text-align: text;
    cursor: default;
    /*font-size: 13px;*/
    /*color: #404040;*/
    line-height: 32px;
    /*margin-bottom: 15px;*/
}

.charge-details-overlay .control-label {
    white-space: nowrap;
}

.charge-definition-table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 5px;
    border-spacing: 2px;
    border-collapse: collapse;
}

.charge-definition-table > thead > tr > th {
    color: #fff;
    background-color: #2A7AB8;
    padding: 4px 14px;
}

.charge-definition-table > tbody > tr > td {
    color: #000;
    background-color: #F2F2F2;
    padding: 4px 14px;
}

.charge-definition-table > thead > tr > th:not(:last-child),
.charge-definition-table > tbody > tr > td:not(:last-child) {
    border-right-width: 1px;
    border-right-color: #fff;
    border-right-style: solid;
}

.charge-details-heading {
    padding: 5px;
    background-color: #DAE3F3;
    color: #000;
    font-weight: bold;
    font-style: italic;
}

.add-icon {
    opacity: 0;
}

tr:hover .add-icon,
div.condition-row:hover .add-icon {
    opacity: 1;   
}


.control-label {
	font-family: segoe ui semibold;
}


.control-value {
	font-family: Segoe UI;
}

.logical-buttons {
	border: 2px solid #e6e6e6;
	border-radius: 4px;
}

@media (max-height: 582px) {
  .add-charge-group-content-container {
    min-height: 58vh;
    max-height: 58vh;
  }

  .group-action-container {
      height: 70vh;
  }

  .group-label {
      padding-left: 15px;
  }
}

@media (min-height: 583px) and (max-height: 941px) {
  .add-charge-group-content-container {
    min-height: 59vh;
    max-height: 59vh;
  }

  .group-action-container {
      height: 67vh;
  }

  .group-label {
      padding-left: 30px;
  }

  .charge-group-container .charge-details-overlay.show {
    width: 50%;
    left: 50%;
    color: #000;
  }
}