.ml-1 {
	margin-left: 5px;	
}
.mb-1 {
	margin-bottom: 10px;	
}
.mr-1 {
	margin-right: 10px;	
}
.mb-0 {
	margin-bottom: 0;
}
.mt-1 {
	margin-top: 5px;
}
.mt-2 {
	margin-top: 10px;
}
.bt-0 {
	border-top: 0px;
}
.p-0 {
	padding: 0;
}
.pl-2 {
	padding-left: 10px;
}
.pr-2 {
	padding-right: 10px;
}
.pt-1 {
	padding-top: 5px;
}
.d-block {
    display: block;
}
.exampleInputFile.one {
	width: 100px;
	height: 35px;
	background: none;
	font-size: 0;
	position: relative;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
}
.exampleInputFile.one::after {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #be9b49;
	content: "Browse";
	font-size: 14px;
	text-align: center;
	line-height: 35px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	color: #FFF;
}


input[type=checkbox].css-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

input[type=checkbox].css-checkbox+label.css-label,
input[type=checkbox].css-checkbox+label.css-label.clr {
    padding-left: 18px;
    height: 13px;
    display: block;
    line-height: 13px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 14px;
    vertical-align: middle;
    cursor: pointer;
    margin: 0 0 10px 0;
    font-weight: 400;
}

input[type=checkbox].css-checkbox:checked+label.css-label,
input[type=checkbox].css-checkbox+label.css-label.chk {
    background-position: 0 -13px;
}

label.css-label {
    background-image: url(../../dist/img/csscheckbox.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input[type=radio].css-radio {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

input[type=radio].css-radio+label.css-label2,
input[type=radio].css-radio+label.css-label2.clr {
    padding-left: 18px;
    height: 13px;
    display: block;
    line-height: 13px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 14px;
    vertical-align: middle;
    cursor: pointer;
    margin: 0 0 10px 0;
    font-weight: 400;
}

input[type=radio].css-radio:checked+label.css-label2,
input[type=radio].css-radio+label.css-label2.chk {
    background-position: 0 -13px;
}

label.css-label2 {
    background-image: url(../../dist/img/cssradio.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.form-group.has-success label {
	color: #00a65a
}

.form-group.has-success .form-control,
.form-group.has-success .input-group-addon {
	border-color: #00a65a;
	box-shadow: none
}

.form-group.has-success .help-block {
	color: #00a65a
}

.form-group.has-warning label {
	color: #f39c12
}

.form-group.has-warning .form-control,
.form-group.has-warning .input-group-addon {
	border-color: #f39c12;
	box-shadow: none
}

.form-group.has-warning .help-block {
	color: #f39c12
}

.form-group.has-error label {
	color: #dd4b39
}

.form-group.has-error .form-control,
.form-group.has-error .input-group-addon {
	border-color: #dd4b39;
	box-shadow: none
}

.form-group.has-error .help-block {
	color: #dd4b39
}
.top-border {
    border-top: 1px solid #dee2e6;
}

.spinner {
  width: 100px;
  height: 100px;
  color: #138496;
  z-index: 99999;
  position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
   -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
       transform: translateX(-50%) translateY(-50%);
}

.spinner svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  animation: rotation 1455ms infinite linear;
}

.spinner circle {
  stroke: currentColor;
  stroke-dasharray: 44px;
  stroke-dashoffset: 11px;
  transform-origin: center;
  transform: rotatey(180deg) rotate(90deg);
  animation: spinner 3850ms infinite ease;
}

@keyframes spinner {
  0% {
    stroke-dashoffset: 33px;
    transform: rotatey(0deg) rotate(0deg);
  }
  25% {
    stroke-dashoffset: 11px;
    transform: rotatey(0deg) rotate(0deg);
  }
  25.0001% {
    stroke-dashoffset: 11px;
    transform: rotatey(180deg) rotate(270deg);
  }
  50% {
    stroke-dashoffset: 33px;
    transform: rotatey(180deg) rotate(270deg);
  }
  50.0001% {
    stroke-dashoffset: 33px;
    transform: rotatey(0deg) rotate(180deg);
  }
  75% {
    stroke-dashoffset: 11px;
    transform: rotatey(0deg) rotate(180deg);
  }
  75.0001% {
    stroke-dashoffset: 11px;
    transform: rotatey(180deg) rotate(90deg);
  }
  100% {
    stroke-dashoffset: 33px;
    transform: rotatey(180deg) rotate(90deg);
  }
}

@keyframes rotation {
  100% {
    transform: rotate(360deg);
  }
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
a {
  color: #be9b49;
}
.btn-primary {
  background-color: #be9b49 !important;
  border: 0;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  background-color: #be9b49 !important;
}
.d-rtl {
  direction: rtl !important;;
}

.bg-orange, .bg-orange>a {
  color: #fff!important;
}

.pull-left {
  float: left!important;
}

.pull-right
{
  float: right!important;
}
.sidebar-light-success .nav-sidebar > .nav-item.active > .nav-link {
  background-color: #be9b49 !important;
  color: #fff !important;
}
.navbarColorWhite {
  background: #FFF !important;
}