/* Space out content a bit */
body {
  padding-top: 20px;
  padding-bottom: 5px;
  overflow-y: visible; 
}

/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.marketing,
.footer {
  padding-left: 15px;
  padding-right: 15px;
}

/* Custom page header */
.header {
  border-bottom: 1px solid #e5e5e5;
}
/* Make the masthead heading the same height as the navigation */
.header h3 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 40px;
  padding-bottom: 19px;
}

/* Custom page footer */
.footer {
  padding-top: 19px;
  color: #777;
  border-top: 1px solid #e5e5e5;
}

/* Customize container */
@media (min-width: 768px) {
  .container {
    max-width: 730px;
  }
}
.container-narrow > hr {
  margin: 30px 0;
}

/* Main marketing message and sign up button */
.jumbotron {
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}
.jumbotron .btn {
  font-size: 21px;
  padding: 14px 24px;
}

/* Supporting marketing content */
.marketing {
  margin: 40px 0;
}
.marketing p + h4 {
  margin-top: 28px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .header,
  .marketing,
  .footer {
    padding-left: 0;
    padding-right: 0;
  }
  /* Space out the masthead */
  .header {
    margin-bottom: 30px;
  }
  /* Remove the bottom border on the jumbotron for visual effect */
  .jumbotron {
    border-bottom: 0;
  }
}

.ng-table {
    border: 1px solid #000;
}

#sortable {
    list-style-type: none;
    display: inline-block;
    margin: 0;
    padding: 40px 0px;
    width: 450px;
}
  
#sortable li { margin: 3px 3px 3px 0; padding: 1px; float: left; width: 100px; height: 90px; font-size: 1em; text-align: center; }

#feedback { font-size: 1.4em; }
  #selectable .ui-selecting { background: #FECA40; }
  #selectable .ui-selected { background: #F39814; color: white; }

  #selectable {
    list-style-type: none;
    display: inline-block;
    margin: 0;
    padding: 40px 0px;
    width: 450px;
}
  #selectable li { margin: 3px; padding: 1px; float: left; width: 100px; height: 80px; font-size: 1em; text-align: center; }

.acc-item-img {
    width: 50px;
}

.dock-item-text {
    display: block;
    font-size: 15px;
}

.clear {
    clear: both;
}

.bondCouponGrid {
    border: 1px solid rgb(212,212,212);
    width: 1000px; 
    height: 500px;
}

@media (min-width: 768px) {
  .modal-xl {
    width: 90%;
    height: 90%;
   max-width:1050px;
   max-height:768px;
  }
}

.btn-active.active {
    -webkit-box-shadow: inset 3px 3px 8px rgba(0,0,0,0.5);
    box-shadow: inset 3px 3px 8px rgba(0,0,0,0.5);
}

.badge {
  font-weight: normal;
}

.badge-danger {
  background-color: #d43f3a;
}

.badge-warning {
  background-color: #d58512;
}

.badge-success {
  background-color: #398439;
}

.badge-info {
  background-color: #269abc;
}

.badge-inverse {
  background-color: #333333;
}

/* PANELS OVERRIDE */
.panel.panel-default {
    border-width: 1px;
    border-color: #ECECEC;
    border-bottom-width: 2px;
    border-bottom-color: #CACACA;
    border-right-width: 2px;
    border-right-color: #E7E6E7;
}

.panel-default > .panel-heading {
    background-color: #FFFFFF;
    border-color: #EEEEEE;
    color:  rgb(101, 101, 101);
}

.panel-default > .panel-body {
    color: #656565;
}

.panel-default > .panel-footer {
    background-color: #FFFFFF;
    border-color: #EEEEEE;
    color: #377BB5;
}

.factoring-image-border-red{
    border: solid red 2px;
}

.factoring-image-border-normal{
    border: solid 1px;
}

.factoring-font-size-xsmall {
    font-size: 11px;
}

.factoring-form-group-small-margin-bottom {
    margin-bottom: 2px !important;
}

.factoring-double-verify-check-error {
     font-size: 10px;
     color: red;
     text-align: left;
}

.factoring-complete-check-label-small {
    font-size: 11px;
    padding-top: 3px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.factoring-complete-check-label-xsmall {
    font-size: 10px;
    padding-top: 3px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.factoring-complete-check-input-small {
    height: 20px !important;
    padding: 0px 5px !important;
    font-size: 11px !important;
}

.factoring-fix-cmc7-container {
    padding-left: 2%;
}

.factoring-btn-save-flaw {
    height: 22px !important;
    padding: 2px 10px !important;
}

.factoring-well-xs {
    padding: 0px;
    margin-bottom: 0px;
}

.navbar-nav > li > a {
    padding-top: 5px;
    padding-bottom: 0px;
}

.navbar {
    min-height: inherit;
    margin-bottom: 0px;
}

.nav-bg {
    margin-bottom: -25px;
}

.navbar-brand {
    height: inherit;
}

.factoring-coa-select-operation-type .ui-select-container .ui-select-match .ui-select-toggle{
    height: 23px;
    padding: 1px 10px;
    font-size: inherit;
}

.factoring-check-trading-disable-link {
    color: inherit;   
}

.factoring-check-trading-show-drawer-btn {
    color: dodgerblue;
    font-size: large;
    cursor: pointer;
    vertical-align: sub; 
}

.factoring-check-trading-conditioned {
    color: red;
}

.factoring-check-trading-label {
    font-size: inherit;
    font-weight: normal;
    vertical-align: sub;
}

.factoring-check-trading-label-disabled {
    color: darkgray;
    font-size: inherit;
}

.factoring-check-trading-row > td {
  vertical-align: middle !important;   
}

.factoring-check-trading-row-disabled {
  color: darkgrey;   
}

.factoring-check-trading-checkbox {
    width: 21px;
    height: 21px;
}

.selected-check-trading-focus,
.selected-check-trading-focus:hover,
.selected-check-trading-focus:focus {
  border-color: blue;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 15px rgba(51,136, 232, 1);
  
}

.factoring-coa-checkbox {
    width: 21px;
    height: 21px;
}

.selected-coa-focus,
.selected-coa-focus:hover,
.selected-coa-focus:focus {
  border-color: blue;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 15px rgba(51,136, 232, 1);
  
}

.factoring-image-spinner .cg-busy-default-sign {
   margin-top: 150px;
   border-radius: 7px;
   border-top-width: 1px;
}

.center-modal .modal-dialog {
    position: relative;
    margin-top: 20%;
}

.factoring-cmc7-input-digit {
  height: 20px;
  padding-left: 1px;
  margin: 0px;
  display: inline;
  color: darkslategrey;
  font-size: large;
  font-weight: bold;
  border-radius: 4px;
  border-width: thin;
  font-size: 12px;
  letter-spacing: 8px;
  width: 20px;
}

.factoring-cmc7-input-digit-error,
.factoring-cmc7-input-digit-error:hover,
.factoring-cmc7-input-digit-error:focus {
  border-color: firebrick;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 15px rgba(255, 0, 0, 1);
  
}

.factoring-cmc7-input-digit-ok,
.factoring-cmc7-input-digit-ok:hover,
.factoring-cmc7-input-digit-ok:focus {
  border-color: green;
  border-style: solid;
  box-shadow: none;
  
}

.factoring-cmc7-input-group-ok,
.factoring-cmc7-input-group-ok:hover,
.factoring-cmc7-input-group-ok:focus {
  border-color: green;
  border-style: solid;
  box-shadow: none;
  
}

.factoring-cmc7-input-group {
  height: 20px;
  padding-left: 1px;
  margin: 0px;
  display: inline;
  color: darkslategrey;
  font-size: large;
  font-weight: bold;
  border-radius: 4px;
  border-width: thin;
  font-size: 12px;
  letter-spacing: 8px;
  width: 200px;
}

.factoring-cmc7-label-group {
    font-size: 11px;
    padding-top: 5px;
    padding-left: 5px;   
    font-weight: bold;
    text-align: right;
}

.factoring-cmc7-input-group-error,
.factoring-cmc7-input-group-error:hover,
.factoring-cmc7-input-group-error:focus {
  border-color: firebrick;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 15px rgba(255, 0, 0, 1);
  
}

.factoring-cmc7-label-digit-ok {
    color: darkslategrey;
    border-color: green;
    border-style: solid;
    border-width: thin;
    font-weight: bold;   
}

.factoring-cmc7-items {
    font-size: 13px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
}

.factoring-cmc7-items:hover {
    cursor: pointer;
    background-color: aliceblue;
    padding-left: 12px;
}

.factoring-cmc7-items-icon {
    position: initial;
    padding: 5px;
}

.factoring-cmc7-item-selected {
    background-color: aliceblue;
    font-weight: bold;
    padding-left: 12px;

}

.factoring-cmc7-item-not-selected {
    background-color: white;
    padding-left: 6px;
}

.factoring-cmc7-search-input {
    width: 100%;
    height: 28px;
    padding: 5px 10px;
    font-size: smaller
}

.factoring-cmc7-item-container {
    padding-bottom: 2px;
}

.factoring-cmc7-items-list-container {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 220px;
    margin-right: 8px;
    border-bottom: 1px solid gray;
    border-top: 1px solid gray;
    margin-left: 9px;
    margin-bottom: 10px;
}

.factoring-group-cmc7-items-list-container {
    padding: 0px 25px;
    overflow-y: auto;
}

.factoring-cmc7-items-search-container {
    padding: 10px;
} 

.factoring-coa-header-title-label {
    font-size: 27px;
    font-weight: bold;
    margin-bottom: -5px;
} 

.factoring-coa-header-datetime-label {
     font-size: smaller;
     font-weight: normal;
}

.factoring-coa-header-customer-label {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: -5px;
}

.factoring-coa-header-customer-nbr-label {
     font-size: small;
     font-weight: normal;
}

.factoring-coa-mid-normal-label {
     font-size: 12px;
     font-weight: normal;
}

.factoring-coa-small-normal-label {
     font-size: 10px;
     font-weight: normal;
}

.factoring-coa-mid-bold-label {
     font-size: 12px;
     font-weight: bold;
}
.factoring-coa-header-customer-account-executive-label {
    font-size: small;
    font-weight: normal;
}

.factoring-coa-header-amount-label {
    text-align: left;
    font-size: smaller;
    padding-top: 2px;
} 

.factoring-coa-header-groups-label {
    text-align: right;
    font-size: small;
    padding-top: 3px;
    padding-right: 0px;
} 

.factoring-coa-header-form {
    padding: 10px;
}

.factoring-form-erros {
    display: flex;
    font-size: x-small;
}

.factoring-coa-header-inputs > .input-group-addon,
.factoring-coa-header-inputs > .form-control,
.factoring-coa-header-inputs.input-group-sm > .form-control,
.factoring-coa-header-inputs.input-group-sm > .input-group-addon,
.factoring-coa-header-inputs.input-group-sm > .input-group-btn > .btn {
  height: 23px;
  padding: 0px 8px;
  font-size: 14px;
  line-height: 1;
}

.factoring-coa-header-group-input {
    width: 15%;
    display: inline;
    height: 24px;
    margin: 0px 2px;
    padding: 5px;
}

.factoring-filters-groups-status-items > li > a {
    cursor: pointer;
}

.collapsing-width {
  position: relative;
  overflow: hidden;
  -webkit-transition: width 0.35s ease;
    -moz-transition: width 0.35s ease;
    -o-transition: width 0.35s ease;
    transition: width 0.35s ease;
}
/* END PANELS OVERRIDE */

.popUpShowCheckImageDataHeader {
	font-size: 12px;
	overflow: auto;
	margin-bottom: 10px;
}

.inactive {
  color: #ccc;
  pointer-events: none;
  cursor: default;
}
/* ALING TEXT*/

/* checkbox - switch */

.switch{
	color:#7D8C9D;
}

.switch input {
    display: none;
}
.switch i {
    display: inline-block;
    cursor: pointer;
    padding-right: 20px;
    transition: all ease 0.2s;
    -webkit-transition: all ease 0.2s;
    border-radius: 20px;
    box-shadow: inset 0 0 1px rgba(0,0,0,.5);
}
.switch i:before {
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background: white;
    box-shadow: 0 1px 2px rgba(0,0,0,.5);
    color:red;
}
.switch :checked + i {
    padding-right: 0;
    padding-left: 20px;
    box-shadow: inset 0 0 1px rgba(0,0,0,.5), inset 0 0 40px #32c5d2;
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.5), inset 0 0 40px #32c5d2;
    color:red;
}