/****
******
***********
************** 
************** CONFIRM MODAL DIRECTION
***********
******
****/
.modal.fade:not(.in).left .modal-dialog {
	-webkit-transform: translate3d(-25%, 0, 0);
	transform: translate3d(-25%, 0, 0);
}
.modal.fade:not(.in).right .modal-dialog {
	-webkit-transform: translate3d(125%, 0, 0);
	transform: translate3d(125%, 0, 0);
}
.modal.fade:not(.in).bottom .modal-dialog {
	-webkit-transform: translate3d(0, 125%, 0);
	transform: translate3d(0, 125%, 0);
}

/****
******
***********
************** 
************** MODAL TEXT BOX
***********
******
****/
.modal-textbox{
	border:none;
	border-color: transparent;
	width: 400px;
	font-weight: bold;
}


/****
******
***********
************** 
************** TABS
***********
******
****/
.tabs-container .panel-body {
	background: #fff;
	border: 1px solid #e7eaec;
	border-radius: 2px;
	padding: 20px;
	position: relative;
  }
  .tabs-container .nav-tabs > li.active > a,
  .tabs-container .nav-tabs > li.active > a:hover,
  .tabs-container .nav-tabs > li.active > a:focus {
	border: 1px solid #e7eaec;
	border-bottom-color: transparent;
	background-color: #fff;
  }
  .tabs-container .nav-tabs > li {
	float: left;
	margin-bottom: -1px;
  }
  .tabs-container .tab-pane .panel-body {
	border-top: none;
  }
  .tabs-container .nav-tabs > li.active > a,
  .tabs-container .nav-tabs > li.active > a:hover,
  .tabs-container .nav-tabs > li.active > a:focus {
	border: 1px solid #e7eaec;
	border-bottom-color: transparent;
  }
  .tabs-container .nav-tabs {
	border-bottom: 1px solid #e7eaec;
  }
  .tabs-container .tab-pane .panel-body {
	border-top: none;
  }
  .tabs-container .tabs-left .tab-pane .panel-body,
  .tabs-container .tabs-right .tab-pane .panel-body {
	border-top: 1px solid #e7eaec;
  }
  .tabs-container .tabs-below > .nav-tabs,
  .tabs-container .tabs-right > .nav-tabs,
  .tabs-container .tabs-left > .nav-tabs {
	border-bottom: 0;
  }
  .tabs-container .tabs-left .panel-body {
	position: static;
  }
  .tabs-container .tabs-left > .nav-tabs,
  .tabs-container .tabs-right > .nav-tabs {
	width: 20%;
  }
  .tabs-container .tabs-left .panel-body {
	width: 80%;
	margin-left: 20%;
  }
  .tabs-container .tabs-right .panel-body {
	width: 80%;
	margin-right: 20%;
  }
  .tabs-container .tab-content > .tab-pane,
  .tabs-container .pill-content > .pill-pane {
	display: none;
  }
  .tabs-container .tab-content > .active,
  .tabs-container .pill-content > .active {
	display: block;
  }
  .tabs-container .tabs-below > .nav-tabs {
	border-top: 1px solid #e7eaec;
  }
  .tabs-container .tabs-below > .nav-tabs > li {
	margin-top: -1px;
	margin-bottom: 0;
  }
  .tabs-container .tabs-below > .nav-tabs > li > a {
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
  }
  .tabs-container .tabs-below > .nav-tabs > li > a:hover,
  .tabs-container .tabs-below > .nav-tabs > li > a:focus {
	border-top-color: #e7eaec;
	border-bottom-color: transparent;
  }
  .tabs-container .tabs-left > .nav-tabs > li,
  .tabs-container .tabs-right > .nav-tabs > li {
	float: none;
	word-break: break-word;
	width: 100%;
  }
  .tabs-container .tabs-left > .nav-tabs > li > a,
  .tabs-container .tabs-right > .nav-tabs > li > a {
	margin-right: 0;
	margin-bottom: 3px;
  }
  .tabs-container .tabs-left > .nav-tabs {
	float: left;
	margin-right: 19px;
  }
  .tabs-container .tabs-left > .nav-tabs > li > a {
	margin-right: -1px;
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
  }
  .tabs-container .tabs-left > .nav-tabs a.active,
  .tabs-container .tabs-left > .nav-tabs a.active:hover,
  .tabs-container .tabs-left > .nav-tabs a.active:focus {
	border-color: #e7eaec transparent #e7eaec #e7eaec;
  }
  .tabs-container .tabs-right > .nav-tabs {
	float: right;
	margin-left: 19px;
  }
  .tabs-container .tabs-right > .nav-tabs > li > a {
	margin-left: -1px;
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
  }
  .tabs-container .tabs-right > .nav-tabs a.active,
  .tabs-container .tabs-right > .nav-tabs a.active:hover,
  .tabs-container .tabs-right > .nav-tabs a.active:focus {
	border-color: #e7eaec #e7eaec #e7eaec transparent;
	z-index: 1;
  }
  .tabs-container .tabs-right > .nav-tabs li {
	z-index: 1;
  }
  .nav-tabs .nav-link:not(.active):focus,
  .nav-tabs .nav-link:not(.active):hover {
	border-color: transparent;
  }
  @media (max-width: 767px) {
	.tabs-container .nav-tabs > li {
	  float: none !important;
	}
	.tabs-container .nav-tabs > li.active > a {
	  border-bottom: 1px solid #e7eaec !important;
	  margin: 0;
	}
  }

.tab-content>.tab-pane{
	display:none
}
.tab-content>.active{
	display:block
}

.nav-tabs{
	border-bottom:1px solid #dee2e6
}
.nav-tabs .nav-item{
	margin-bottom:-1px
}
.nav-tabs .nav-link{ 
	border:1px solid transparent;
	border-top-left-radius:.25rem;
	border-top-right-radius:.25rem
}
 .nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{
	border-color:#e9ecef #e9ecef #dee2e6
}
.nav-tabs .nav-link.disabled{
	color:#6c757d;
	background-color:transparent;
	border-color:transparent
}

.nav-tabs .dropdown-menu{
	margin-top:-1px;
	border-top-left-radius:0;
	border-top-right-radius:0
}