/*THEME HELPER v1.8*/

/*IMAGE CLASS*/
.img-fit{
	object-fit: cover;
	object-position: center;
}

.img-fade{
	box-shadow: inset 0 0 0 1000px rgba(0,0,0,.4);
}

/*BUTTON CLASS*/
.btn-xs{
	padding: 3px 10px;
}

.btn-round{
	border-radius: 20px;
	padding: 7px 15px;
}

.btn-white-o { background-color: transparent; border-color:#FFF; }
.btn-line{
	background-color: transparent;
}

/*TEXT CLASS*/
.text-size-8{ font-size: 8px; }
.text-size-10{ font-size: 10px; }
.text-size-12{ font-size: 12px; }
.text-size-14{ font-size: 14px; }
.text-size-16{ font-size: 16px; }
.text-size-18{ font-size: 18px; }
.text-size-20{ font-size: 20px; }
.text-size-22{ font-size: 22px; }
.text-size-24{ font-size: 24px; }
.text-size-32{ font-size: 32px; }
.text-size-40{ font-size: 40px; }

.text-tight{ letter-spacing: -1.5px; }
.text-loose{ letter-spacing: 1.5px; }

.text-orange{ color: #EF6C40; }
.text-white{ color: #FFF; }
.text-black{ color: #333; }
.text-grey, .text-gray{ color: #BBB; }
.text-mute{ color: #DDD; }
.text-red{ color: #E62117; }
.text-green{ color: #97C642; }
.text-yellow{ color: yellow; }
.text-pink{ color: #FE4BAD; }

/*BREAK CLASS*/
.break-0{margin: 0px auto;}
.break-5{margin: 5px auto;}
.break-10{margin: 10px auto;}
.break-20{margin: 20px auto;}
.break-30{margin: 30px auto;}
.break-50{margin: 50px auto;}
.break-100{margin: 100px auto;}
.break-top-0{margin: 0px auto;}
.break-top-5{margin-top: 5px;}
.break-top-10{margin-top: 10px;}
.break-top-20{margin-top: 20px;}
.break-top-30{margin-top: 30px;}
.break-top-50{margin-top: 50px;}
.break-top-100{margin-top: 100px;}
.break-bottom-0{margin: 0px auto;}
.break-bottom-5{margin-bottom: 5px;}
.break-bottom-10{margin-bottom: 10px;}
.break-bottom-20{margin-bottom: 20px;}
.break-bottom-30{margin-bottom: 30px;}
.break-bottom-50{margin-bottom: 50px;}
.break-bottom-00{margin-bottom: 100px;}

/*SPACE CLASS*/
.space-5{margin: auto 5px;}
.space-10{margin: auto 10px;}
.space-20{margin: auto 20px;}
.space-30{margin: auto 30px;}
.space-50{margin: auto 50px;}
.space-100{margin: auto 100px;}
.space-left-5{margin-left: 5px;}
.space-left-10{margin-left: 10px;}
.space-left-20{margin-left: 20px;}
.space-left-30{margin-left: 30px;}
.space-left-50{margin-left: 50px;}
.space-left-100{margin-left: 100px;}
.space-right-5{margin-right: 5px;}
.space-right-10{margin-right: 10px;}
.space-right-20{margin-right: 20px;}
.space-right-30{margin-right: 30px;}
.space-right-50{margin-right: 50px;}
.space-right-100{margin-right: 100px;}



.notice-panel {
	padding: 15px 25px;
	background: #FEF8F7;
	border: 1px solid #D75518;
	border-radius: 5px;
  }


.only-d {display: block;}
.only-m {display: none;}

@media screen and (max-width: 992px) {
    .only-d {display: none;}
    .only-m {display: block;}
}


/*HIDDEN CLASS*/

@media(max-width: 1200px){
	.hidden-md{
		display: none;
	}
}

@media(max-width: 992px){
	.hidden-sm{
		display: none;
	}
}

@media(max-width: 768px){
	.hidden-xs{
		display: none;
	}
}

/*PANEL CLASS*/

.panel-widget{
	border-left: 3px #EF6C40 solid;
}

.panel-sm{
	height: 100px;
	max-height: 100px;
	overflow:auto;
}

.panel-md{
	height: 120px;
	max-height: 150px;
	overflow:auto;
}

/*TABLE*/
.table-full{
	width: 100%;
	padding: 0;
}

.table-full .table > thead > tr > th:first-child,
.table-full .table > thead > tr > td:first-child,
.table-full .table > tbody > tr > td:first-child{
	padding-left: 15px;
}

.table-full .table > thead > tr > th:last-child,
.table-full .table > thead > tr > td:last-child,
.table-full .table > tbody > tr > td:last-child{
	padding-right: 15px;
}

.table-scroll{
	overflow-x: auto;
}

/*FORM CLASS*/
.radio-bordered{
	border: 1px #AAA solid;
	border-radius: 10px;
	padding: 3px 10px 3px 25px;
}


/* LOGIN REGISTER*/

.panel {
  border-radius: 5px;
}
label {
  font-weight: 300;
}
.panel-login {
   border: none;
   border-left: 1px solid #ddd;
  }
/* .panel-login::before { content: "OR";
  display: inline-block;  position: absolute; width: 25px;
  height: 25px;  }  */ 
.panel-login .checkbox input[type=checkbox]{
  margin-left: 0px;
}
.panel-login .checkbox label {
  padding-left: 25px;
  font-weight: 300;
  display: inline-block;
  position: relative;
}
.panel-login .checkbox {
 padding-left: 20px;
}
.panel-login .checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: 0px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.panel-login .checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: 0px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
  color: #555555;
}
.panel-login .checkbox input[type="checkbox"] {
  opacity: 0;
}
.panel-login .checkbox input[type="checkbox"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.panel-login .checkbox input[type="checkbox"]:checked + label::after {
  font-family: 'FontAwesome';
  content: "\f00c";
}
.panel-login>.panel-heading .tabs, .panel-fast-deposit>.panel-heading .tabs{
  padding: 0;
}
.panel-login h2, .panel-fast-deposit h2{
  font-size: 20px;
  font-weight: 300;
  margin: 30px;
}
.panel-login>.panel-heading, .panel-fast-deposit>.panel-heading {
  color: #97C642;
  background-color: #e8e9ec;
  border-color: #fff;
  text-align:center;
  border-bottom: 0px;
  padding: 0px 15px;
}
.panel-login .form-group {
  padding: 0 30px;
}
.panel-login>.panel-heading .login , 
.panel-login>.panel-heading .register {
  padding: 20px 30px;
  text-align:center; 
}
.panel-fast-deposit>.panel-heading .active .h {
	background-color:#97C642; 
	color:#fff;
	  padding: 20px 30px;
	  text-align:center; 

}
.panel-login>.panel-heading .active .login , 
.panel-login>.panel-heading .active .register
 {
	background-color:#2D3B55; 
	color:#fff;
 }
.panel-login>.panel-heading a, .panel-fast-deposit>.panel-heading a{
  text-decoration: none;
  color: #666;
  font-weight: 300;
  font-size: 16px;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.panel-login>.panel-heading a#register-form-link, 
.panel-login>.panel-heading a#login-form-link {
  width: 100%;
  text-align: left;
}

.panel-login input[type="text"],.panel-login input[type="email"],.panel-login input[type="password"], 
.panel input[type="text"],.panel input[type="email"],.panel input[type="password"] 
{
  height: 45px;
  border: 0;
  font-size: 16px;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  transition: all 0.1s linear;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: 1px solid #e7e7e7;
  border-radius: 0px;
  padding: 6px 0px;
}
.panel-login input:hover,
.panel-login input:focus {
  outline:none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-color: #ccc;
}
.btn-login {
  background-color: #97C642;
  outline: none;
  color: #fff;
  font-size: 14px;
  height: auto;
  font-weight: normal;
  padding: 14px 0;
  text-transform: uppercase;
  border: none;
  border-radius: 0px;
  box-shadow: none;
}
.btn-login:hover,
.btn-login:focus {
  color: #fff;
  background-color: #2D3B55;
}
.forgot-password {
  text-decoration: underline;
  color: #888;
}
.forgot-password:hover,
.forgot-password:focus {
  text-decoration: underline;
  color: #666;
}

.btn-register {
  background-color: #E8E9EC;
  outline: none;
  color: #2D3B55;
  font-size: 14px;
  height: auto;
  font-weight: normal;
  padding: 14px 0;
  text-transform: uppercase;
  border: none;
  border-radius: 0px;
  box-shadow: none;
}
.btn-register:hover,
.btn-register:focus{
  color: #fff;
  background-color: #2D3B55;
}


.btn-white {
  background-color: #FFF;
  outline: none;
  color: #2D3B55;
  font-size: 14px;
  height: auto;
  font-weight: normal;
  padding: 14px 0;
  text-transform: uppercase;
  border: none;
  border-radius: 0px;
  box-shadow: none;
}
.btn-white:hover,
.btn-white:focus{
  color: #fff;
  background-color: #2D3B55;
}

.btn-dark {
  background-color: #2D3B55;
  outline: none;
  color: #FFF;
  font-size: 14px;
  height: auto;
  font-weight: normal;
  padding: 14px 0;
  text-transform: uppercase;
  border: none;
  border-radius: 0px;
  box-shadow: none;
}
.btn-dark:hover,
.btn-dark:focus{
  color: #2D3B55;
  background-color: #FFF;
}

/* CUSTOM ADDITIONS  */  
.guest-view { display:block; }
.logged-in .guest-view { display:none; }

.user-view { display:none; }
.logged-in .user-view { display:block; }

.panel-primary.panel-fill label, .panel-success.panel-fill label, .panel-default.panel-fill label{ color:#FFF; }
.panel-primary.panel-fill input, .panel-success.panel-fill input, .panel-default.panel-fill input{ text-align:center;  }

.view-link:hover{
	cursor:pointer;
	border-color: #2D3B55; 
}
h2.eq { text-align: center;
line-height: 25px;
margin-top: 35px;}
 
.order-info label{
	display:block; 
	color:#999;
	font-size:12px;
	}

.order-info h4:hover label,
.order-info h5:hover label,
.order-info h6:hover label{
	color:#333;
}
.order-info.type-deposit .colored{  color: #4A90E2; }
.order-info.type-withdraw .colored{ color: #4BC872; }
.order-info.type-approve .colored{ color: #F5BB5F; }

.panel.panel-icon {
	
}
.panel.flat { box-shadow: none; }
.panel.accented {     min-height: 230px;}
.e-icon { font-size: 80px; } 



  .progressbar {
      counter-reset: step;
  }
  .progressbar li {
      list-style-type: none;
      width: 25%;
      float: left;
      position: relative;
      text-align: center;
      text-transform: uppercase;
      color: #7d7d7d;
  }
  .progressbar li:before {
      width: 10px;
      height: 10px;
      content: ' ';
      counter-increment: step;
      line-height: 10px;
      border: 5px solid #7d7d7d;
      display: block;
      text-align: center;
      margin: 0 auto;
      border-radius: 50%;
      position: relative;
      z-index: 2;
      background-color: white;
  }
  .progressbar li:after {
      width: 100%;
      height: 3px;
      content: '';
      position: absolute;
      background-color: #7d7d7d;
      top: 3px;
      left: -50%;
  }
  .progressbar li:first-child:after {
      content: none;
  }
  .progressbar li.active {
      color: green;
  }
  .progressbar li.active:before {
      border-color: #55b776;
  }
  .progressbar li.active + li:after {
      background-color: #55b776;
  }
.flex-justify{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: stretch;
}