/* accordion styles */

#fieldFormProp .panel-group .panel {
	border-radius: 0;
}

#fieldFormProp .panel-default>.panel-heading {
   	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
    color: #fff;
    background-color: #266ca9;
    cursor: pointer;
}
 
#fieldFormProp .panel-default>.panel-heading a{
	   color: #fff;
}

#fieldFormProp .panel-default>.panel-body{
    padding: 2px;
}
	
#fieldFormProp .panel-group .panel+.panel {
	margin-top: -1px;

}

#fieldFormProp .panel-default>.panel-heading.active-panel {
	background-color: #266ca9;
	color: #fff;
}

#fieldFormProp h4 {
       font-weight: 700;
    
}

/* end accordion style */
/* start tab style */
.tab-pane {

    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius: 0px 0px 5px 5px;
    padding: 1px;
}
.tab-content {
	background-color: white;	
}

.mywell {
  min-height: 20px;
  padding: 5px;
  background-color: rgba(255,255,255,0.7);
  border: 1px solid #e3e3e3;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.nav-tabs {
    margin-bottom: 0;
} 

/* end tab style */
.borderBox{
    -moz-box-shadow: 0 0 2px black;
    -webkit-box-shadow: 0 0 2px black;
    box-shadow: 0 0 2px black;
    border-radius: 3px;
}

.row-eq-height-md {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    flex-direction: column;
}
@media (min-width:992px) {
    .row-eq-height-md {
        flex-direction: row;
    }
}
.headerStyle{
	
	background-color:#eee;
}
.headerStyle h4{
	font-size: 15px;
	margin:0px;
	padding:0;
}
.menuStyle{
	margin:0px;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.btn-default, .btn-default:visited, .btn-primary, .btn-primary:visited{
	background-color: #2b435f !important;
}
.modal-header, .panel-default>.panel-heading{
	background-color: #2b435f !important;
}
a {
	cursor: pointer;
}


/*  

Tabale for jquerry..

*/

table {
	font-size: 1em;
}

.ui-draggable, .ui-droppable {
	background-position: top;
}

.ui-selectable>.ui-selected {
    background: #F39814; color: white;
}

.ui-selectable>.ui-selecting {
    background: #FECA40; 
}

/* START - For multi level dropdown */

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover > .sub-menu {
    visibility: visible;
    display: block;
}

/* For multi level dropdown - END */

/* FOR Workflow validation preloaders */

.loader {
    border: 6px solid #f3f3f3;
    border-radius: 50%;
    border-top: 6px solid #3498db;
    width: 20px;
    height: 20px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
  }
  
  /* Safari */
  @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }


  .panel-body {
    padding: 10px;
}

.form-group-docs {
    margin-bottom: 10px;
}

.field-picker ul {
    padding-inline-start: 0;
    list-style: none;
}

.field-picker ul li .tree-item-name {
    padding-left: 5px;
    line-height: 20px;
}

.field-picker ul li .tree-item-name:hover,
.field-picker ul li .tree-item-name.selected {
    background: rgba(0,0,0,.05);
    cursor: pointer;
}

.field-picker ul > li > ul {
    margin-left: 20px;
}

.field-info-table .table {
    min-height: 444px;
}

.field-picker {
    max-height: 444px;
    overflow: scroll;
    overflow-x: hidden;
}

/* Receipt block icons */

.receipt-block-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    margin-top: 4px;
    background-position: center center;
}

.receipt-block-icon.receipt-block-icon-address {
    background-image: url(../Images/receipt-icons/address-white.svg);
}

.receipt-block-icon.receipt-block-icon-address.inverted {
    background-image: url(../Images/receipt-icons/address-black.svg);
}

.receipt-block-icon.receipt-block-icon-info {
    background-image: url(../Images/receipt-icons/info-white.svg);
}

.receipt-block-icon.receipt-block-icon-info.inverted {
    background-image: url(../Images/receipt-icons/info-black.svg);
}

.receipt-block-icon.receipt-block-icon-info-2 {
    background-image: url(../Images/receipt-icons/info-2-white.svg);
}

.receipt-block-icon.receipt-block-icon-info-2.inverted {
    background-image: url(../Images/receipt-icons/info-2-black.svg);
}

.receipt-block-icon.receipt-block-icon-check {
    background-image: url(../Images/receipt-icons/check-white.svg);
}

.receipt-block-icon.receipt-block-icon-check.inverted {
    background-image: url(../Images/receipt-icons/check-black.svg);
}

.receipt-block-icon.receipt-block-icon-external-loan {
    background-image: url(../Images/receipt-icons/external-loan-white.svg);
}

.receipt-block-icon.receipt-block-icon-external-loan.inverted {
    background-image: url(../Images/receipt-icons/external-loan-black.svg);
}

.receipt-block-icon.receipt-block-icon-features {
    background-image: url(../Images/receipt-icons/features-white.svg);
}

.receipt-block-icon.receipt-block-icon-features.inverted {
    background-image: url(../Images/receipt-icons/features-black.svg);
}

.receipt-block-icon.receipt-block-icon-account-1 {
    background-image: url(../Images/receipt-icons/account-1-white.svg);
}

.receipt-block-icon.receipt-block-icon-account-1.inverted {
    background-image: url(../Images/receipt-icons/account-1-black.svg);
}

.receipt-block-icon.receipt-block-icon-account-2 {
    background-image: url(../Images/receipt-icons/account-2-white.svg);
}

.receipt-block-icon.receipt-block-icon-account-2.inverted {
    background-image: url(../Images/receipt-icons/account-2-black.svg);
}

.receipt-block-icon.receipt-block-icon-account-3 {
    background-image: url(../Images/receipt-icons/account-3-white.svg);
}

.receipt-block-icon.receipt-block-icon-account-3.inverted {
    background-image: url(../Images/receipt-icons/account-3-black.svg);
}

.receipt-block-icon.receipt-block-icon-comment {
    background-image: url(../Images/receipt-icons/comment-white.svg);
}

.receipt-block-icon.receipt-block-icon-comment.inverted {
    background-image: url(../Images/receipt-icons/comment-black.svg);
}

.receipt-block-icon.receipt-block-icon-header {
    background-image: url(../Images/receipt-icons/header-white.svg);
}

.receipt-block-icon.receipt-block-icon-header.inverted {
    background-image: url(../Images/receipt-icons/header-black.svg);
}

.receipt-block-icon.receipt-block-icon-loan {
    background-image: url(../Images/receipt-icons/loan-white.svg);
}

.receipt-block-icon.receipt-block-icon-loan.inverted {
    background-image: url(../Images/receipt-icons/loan-black.svg);
}

.receipt-block-icon.receipt-block-icon-marketing-message {
    background-image: url(../Images/receipt-icons/marketing-message-white.svg);
}

.receipt-block-icon.receipt-block-icon-marketing-message.inverted {
    background-image: url(../Images/receipt-icons/marketing-message-black.svg);
}

.receipt-block-icon.receipt-block-icon-notes {
    background-image: url(../Images/receipt-icons/notes-white.svg);
}

.receipt-block-icon.receipt-block-icon-notes.inverted {
    background-image: url(../Images/receipt-icons/notes-black.svg);
}

.receipt-block-icon.receipt-block-icon-status {
    background-image: url(../Images/receipt-icons/status-white.svg);
}

.receipt-block-icon.receipt-block-icon-status.inverted {
    background-image: url(../Images/receipt-icons/status-black.svg);
}

.receipt-block-icon.receipt-block-icon-trailer {
    background-image: url(../Images/receipt-icons/trailer-white.svg);
}

.receipt-block-icon.receipt-block-icon-trailer.inverted {
    background-image: url(../Images/receipt-icons/trailer-black.svg);
}

.receipt-block-icon.receipt-block-icon-transaction {
    background-image: url(../Images/receipt-icons/transaction-white.svg);
}

.receipt-block-icon.receipt-block-icon-transaction.inverted {
    background-image: url(../Images/receipt-icons/transaction-black.svg);
}

.receipt-block-icon.receipt-block-icon-wire {
    background-image: url(../Images/receipt-icons/wire-white.svg);
}

.receipt-block-icon.receipt-block-icon-wire.inverted {
    background-image: url(../Images/receipt-icons/wire-black.svg);
}

/* Receipt nav scrolling */
#navMenu {
    position: relative;
    height: 50px;
    max-width: 100%;
    overflow: hidden;
}

.nav-scroll-panel {
    position: absolute; 
    top: 0;
    left: 0; 
    height: 100%;
    min-width: 100%;
}

.nav-scroll-right,
.nav-scroll-left {
    position: absolute;
    height: 50px;
    line-height: 50px;
    color: #fff;
    cursor: pointer;
    width: 25px;
    text-align: center;
    z-index: 100;
    background: #2b435f;
}

.nav-scroll-right {
    left:0;
    top:0;
}

.nav-scroll-left {
    top: 0;
    left: calc(100% - 25px);
}