body,
html {
 /*font-family: Montserrat-Regular !important;
  font-family: 'Roboto',Helvetica,sans-serif;*/
  font-size: 14px;
}
.h1, h1 {
    font-size: 36px
}

.h2, h2 {
    font-size: 30px
}

.h3, h3 {
    font-size: 24px
}

.h4, h4 {
    font-size: 18px
}

.h5, h5 {
    font-size: 14px
}

.h6, h6 {
    font-size: 12px
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}
.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

.am-layout {
  color: #303030;
  min-height: 100%;
  margin: 0 0 -30px 0;
  padding: 0;
}
@media all and (min-width: 995px) {
  .am-layout {
    background: #fff;
  }
}
.title-bar {
	background-color: #fff;
    padding: 10px 15px ;
    border-bottom: 1px solid #dee4e8;
    margin-left: 5px !important;
    font-size: 28px !important;
}
@media all and (max-width: 768px) {
  .title-bar {
    margin-top: 45px;
      
  }
}
.am-layout h1 {
  font-size: 250%;
  font-weight: 500;
  color: #444444;
  margin-bottom: 25px;
  margin-top:0px;
}
.am-layout h2 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 0.6em;
  color:#474144
}
.am-layout h3 {
  font-size: 100%;
  font-weight: bold;
  margin-bottom: 0.6em;
}
.am-layout em {
  font-style: italic;
}
.am-layout p {
  padding-bottom: 0.5em;
}
.am-layout strong {
  font-weight: bold;
}
.am-layout hr {
  background-color: #dbdbdb;
  border: 0;
  width: 100%;
  height: 1px;
}
.am-layout a, .am-layout-login a {
  color: #be0909;
}
.am-layout a:hover, .am-layout-login a:hover {
  text-decoration: none;
}
.am-layout a:hover {
  text-decoration: none;
}
.am-main {
  /* applies to am-header-content/am-body-content-wrapper/am-footer-content-wrapper */
  padding-left: 20px;
  padding-right: 20px;
  display: inline-block;
  text-align: left;
  width: 90%;
  max-width: 1170px;
}
.am-header {
  text-align: center;
  /*overflow: hidden;*/
  background: #F67638 repeat-x top left;
  width: 100%;
}
.header-login { 
  background-color: transparent;
    text-align: center;
    width: 100%;
    height: 100px;
}
.am-logo {
    height: 70px;
    max-width: 140px;
    float: left;
    margin: 0px 0px;
    padding: 28px 0; 
}
.am-logo-login {
    float: left;
    margin: 35px 5px 0 0;
}
.am-logo-login img {
    width: 200px;
    height: 52px;
}
.header-content-left {
	float:right;
	width: 50%;
    margin-top: 35px;
}

.am-header-text {
	float : left;
	padding: 15px;
	font-size: 300%;
	font-weight: lighter;
	letter-spacing: -2px;
	color: #625E5E;	
}
@media all and (max-width: 500px) {
  .am-header-text {
    font-size: 20px;
    padding: 30px 0 25px 15px;
  }
}
.am-main-menu {
	width: 100%;
	background: #eff2f5;
	border-top: 0px solid #262626;
	min-height: 80px;
	position: relative;
}

.am-menu-content {
  padding: 0px 15px;
  overflow: hidden;
  margin: 0 auto; 
  width: 84.3%;

}

.am-menu {
    margin-top: 0;
    background: #eff2f5;
	z-index: 1000;
	font-family : 'bebas_neueregular';
	padding: 10px 0;
	float: right;
	
}

.am-menu h2 {
	font-size: 18px;
	margin-left:15px;
}
.am-content-container {
	margin-top : 25px;
}
.am-top-menu {
 	float: left;
	color: #fff;
	padding: 19px 0px;
}
.am-top-menu-login {
 	float: right;
	color: #fff;
	padding: 5px 0px;
    margin: 10px;
}

.am-top-menu li {
 	float: left;
 	margin-right: 15px;	
}
.am-top-menu-login li {
 	float: right;
 	margin-left: 15px;	
}
.am-top-menu a, .am-top-menu-login a {
 	color: #fff;
 	text-decoration: none;	
}

.socialcontainer {
	float: right;
	color: #fff;
	padding: 11px 10px;
	text-decoration: none;
	margin: 0px 0px;
	font-size: 17px;
}

.socialcontainer a {
	color: #fff;
	text-decoration: none;
}
.socialcontainer a:hover {
	color: #f89667;
	text-decoration: none;
}
.am-header .am-header-content-wrapper {
  border-color: #688296;
  border-width: 0 0px;
  border-style: solid;
  background: #000;
}
.am-header .am-header-content {
  padding: 0px 15px;
  /*overflow: hidden;*/
  margin: 0 auto; 
  width: 84.3%;
  height: 55px;
}
.header-content-login {
	padding: 0px 0px 5px 0;
  	margin: 0 auto; 
  	width: 80%;
    display: table;
    margin-bottom: 45px;
}

.am-header .am-header-content .am-header-content-logo {
  float: left;
  margin-right: 1em;
}
.am-header-line {
  height: 0px;
  background: #9c9c9c;
  border-top: 1px solid #bdbdbd;
  border-bottom: 0px solid #ebebeb;
}
.am-body {
  text-align: center;
}
@media all and (min-width: 995px) {
  .am-body {
    background: #fff;
  }
}
.am-body .am-body-content-wrapper {
  text-align: left;
  background: white;
  padding-bottom: 25px;
  padding-top: 1em;
}
@media all and (min-width: 995px) {
  .am-body .am-body-content-wrapper {
    border-color: #fff;
    border-width: 0 1px;
    border-style: solid;
    min-height: 400px
  }
}
.am-footer {
  	width: 100%;
	background: #303030;
	padding: 20px 0px;
	text-align: left;
	font-size: 14px;
	}

.credits {
  	color: #d95145;
  	font-size: 12px;
  	text-align: left;
    width: 100%;
    position: absolute;
    bottom: 15px;
}
.credits a {
	color: #d95145;
    	text-decoration: none;
    }  
.am-credit-content {
  	margin: 0 auto;
	height: 20px;
	display: table;
    bottom: 15px;
    width: 100%;
}
.textcopyright, .textcopyright a {
  	vertical-align: middle;
	padding: 15px 0px;
    text-align:center;
    color:#fff
}

.am-tos {
  	float: right;
  	vertical-align: middle;
	padding: 15px 0px;
}

.warning  {
	color: #999;
	border: 1px solid #ddd;
	margin: 15px 0px 0px 0px;
	padding: 10px 10px;
	max-width: 1170px;
	border-collapse: collapse;
}


.am-footer .am-footer-content-wrapper {
  color: white;
}
.am-footer .am-footer-content {
  padding: 0 15px;
  width: 84.3%;
  margin: 0 auto;
}
.am-footer .am-footer-content a {
  color: white;
}
.am-footer .am-footer-actions {
  float: right;
  width: 10%;
}
.am-footer-actions {
  float: right;
  width: 35px;
  text-align: right;
  padding: 15px 0px;
}

.am-breadcrumbs {
  font-size: 90%;
  margin: 5px 0 0 5px;
  overflow: hidden;
  padding: 10px;
    background-color: #fff;
}
.am-breadcrumbs .am-breadcrumbs-item,
.am-breadcrumbs .am-breadcrumbs-separator {
  float: left;
  margin: 0 0.5em 0 0;
  padding: 0;
  list-style: none;
}
.table {
	font-size: inherit;
}
.table tbody>tr>td {
	
	vertical-align: middle;
}
/* Grid */
.check-all-offer {
  background-color: #ffc;
  padding: 0.5em;
  border: 1px solid white;
  border-bottom: none;
}
.filter-wrap {
  color: #333;
  background: #dbdbdb;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 0.5em;
  text-align: right;
  margin-bottom: 1em;
  box-shadow: 0 1px 1px #b0b0b0;
  overflow: hidden;
}
.filter-wrap .filter-title {
  float: right;
  margin-right: 1em;
  line-height: 2em;
}
.filter-wrap .filter-inputs {
  float: right;
  margin-right: 0.5em;
  text-align: left;
}
.filter-wrap .filter-button {
  float: right;
  text-align: left;
}
.filter-wrap form.filter input[type=text] {
  background-image: url("../img/icons/magnify.png");
  background-repeat: no-repeat;
  background-position: 5px center;
  padding-left: 25px;
}
.filter-wrap form.filter input[type=text].datepicker {
  background-image: url("../img/icons/calendar.png");
  background-repeat: no-repeat;
  background-position: 5px center;
  padding-left: 25px;
}
.group-wrap,
.norecord-actions {
  margin-bottom: 1em;
}
.grid-container {
  border: 1px solid #a1a1a1;
  box-shadow: 0 4px 8px #d6d6d6;
  margin-bottom: 1em;
  overflow: auto;
}

.grid {
  	width: 100%;
	overflow-x: auto;
	
}
.grid tr.odd td {
  background-color: #d6d6d6;
}
.grid tr.even td {
  background-color: #e9e9e9;
}

.grid tr.odd td.sorted {
  background-color: #bed4e2;
}
.grid tr.selected {
  background: url("../img/admin/grid-row-selected-bg.png") repeat-x left top;
}
.grid tr.selected td {
  background: none !important;
}
.grid td {
  padding: 0.5em;
  border: 1px solid #ddd;
  vertical-align: top;
}
.grid th {
  padding: 0.5em;
 border: 1px solid #ddd;
  background: #b9aeaa;
  color: #5e524d;
  font-weight: bold;
}

.grid th a {
  padding-right: 20px;
  display: block;
  color: white;
  text-decoration: none;
  text-shadow: 0 -1px 1px #1e2e3b;
  background: url("../img/admin/sortable.png") no-repeat right center;
}
.grid th a.sorted-asc {
  background: url("../img/admin/asc.png") no-repeat right center;
}
.grid th a.sorted-desc {
  background: url("../img/admin/desc.png") no-repeat right center;
}
.grid td {
  background: #ededed;
}
.grid td.sorted {
  background: #d9e6ee;
}
.grid td.actions {
  text-align: center;
}
.grid td.record-sort {
  background-image: url("../img/sortable.png");
  background-repeat: no-repeat;
  background-position: center center;
  cursor: move;
}
.grid td.expandable-data {
  background: #eef;
}
.grid td.expanded {
  background: #eeeeff !important;
  border-bottom-color: #eef;
}
.grid td.expandable {
  cursor: pointer;
}
.grid td.expandable div.arrow {
  display: inline-block;
  width: 7px;
  height: 5px;
  overflow: hidden;
  float: right;
  margin: 0px;
  padding-left: 10px;
  background: url("../img/arrow.png") no-repeat right;
}
.grid td.expandable div.placeholder {
  padding-right: 1em;
}
.grid .editable {
  display: inline-block;
  width: 8px;
  height: 8px;
  overflow: hidden;
  float: right;
  margin: 0px;
  padding-left: 10px;
  background: url("../img/pencil.png") no-repeat right;
}
.grid .disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
}
.grid th.required {
  color: #ba2727;
  text-shadow: none;
}
.grid tr.grid-row:hover td {
  background-color: #bed4e2 !important;
}
.grid td.selected {
  background: #d9e6ee !important;
}
.grid .grid-total {
  text-align: right;
}

.grid.grid-small {
  font-size: 80%;
}

/* END Grid */
/* logged-in as "xxx" text */
.am-user-identity-block {
 	float: right;
	color: #fff;

}
.am-user-identity-block a, .ticket a, .balance a {
	color: #fff;
    text-decoration: none;
    float: right;
    text-decoration: none;
    background: #f99768;
    text-align: center;
    font-size: 24px;
    padding: 6px 10px 0px 10px;
    height: 50px;
    font-family: 'bebas_neueregular',sans-serif;
    transition: all 0.4s ease 0s;
	
}
.balance a {
	background: #fcbfa3;
}

.ticket a {
	background: #faa881;
}
.am-user-identity-block a:hover {
	background: #f98b57;
	}
.am-user-identity-block span, .balance span, .ticket span {
	font-size: 16px;
	display: block;
	margin-top: -4px
}


@media all and (min-width: 750px) {
  .am-layout-two-coll {
    background: url("../img/two-coll-divider-middel.png") repeat-y top center white;
  }
}
.am-layout-two-coll .am-layout-two-coll-bottom {
  clear: both;
  height: 20px;
  background-color: #f5f5f5;
}
@media all and (min-width: 750px) {
  .am-layout-two-coll .am-layout-two-coll-bottom {
    background: url("../img/two-coll-divider-bottom.png") repeat-y top center;
  }
}
.am-layout-two-coll .am-layout-two-coll-top {
  clear: both;
  height: 20px;
  background-color: #f5f5f5;
}
@media all and (min-width: 750px) {
  .am-layout-two-coll .am-layout-two-coll-top {
    background: url("../img/two-coll-divider-top.png") repeat-y top center;
  }
}
@media all and (min-width: 750px) {
  .am-layout-two-coll .am-coll-left,
  .am-layout-two-coll .am-coll-right {
    float: left;
    width: 50%;
  }

}
.am-layout-two-coll .am-coll-left .am-coll-content {
  margin: 0em 0em 0 0em;
}
.am-layout-two-coll .am-coll-right .am-coll-content {
  margin: 0em 0em 0 1em;
}
/* Pagination */
.am-pagination {
  clear: both;
  font-size: 100%;
  padding: 0.5em 0;
  margin: 0.5em 0;
}
.am-pagination a {
  text-decoration: none;
  border: solid 1px #91aabd;
  color: #5e6e7a;
  background: #d3dce3;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-shadow: 0 -1px 1px white;
}
.am-pagination a, .am-pagination span {
  padding: 0.3em 0.6em;
  margin-right: 5px;
  margin-bottom: 5px;
  font-weight: bold;
}
.am-pagination .am-pagination-current {
  background: #8fabbd;
  color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: solid 1px #91aabd;
  text-shadow: 0 -1px 1px #596d7d;
}
.am-pagination .am-pagination-current.am-pagination-prev,
.am-pagination .am-pagination-current.am-pagination-next {
  color: #afb5ba;
  border-color: #cad3db;
  background: #e3e6e8;
  text-shadow: none;
}

/* Tabs - user member area menu */
.am-tabs {
  display: block;
  overflow: hidden;
  background: #eff2f5;
  text-align: left;
  float: right;
}
.am-tabs li {
  display: block;
  margin: 0 0.5em 0 0;
  padding: 0;
  white-space: nowrap;
}
.am-tabs > li {
  display: block;
  margin: 0 0.5em 0 0;
  padding: 0;
  float: left;
  white-space: nowrap;
}
.am-tabs a {
  display: block;
  margin: 0;
  padding: 0.5em 0.5em;
  color: #F67638;
  text-decoration: none;
  font-size: 18px;
}
.am-tabs li.active > a,
.am-tabs li.normal > a:hover {
  background-color: #F67638;
  color: white;
}
.am-tabs ul {
  display: none;
  position: absolute;
  margin: 0;
  padding: 0;
  z-index: 5;
}
.am-tabs ul li {
  float: none;
}
.am-tabs li:hover > ul {
  display: block;
}
.am-tabs span.arrow {
  display: block;
  position: relative;
  width: 7px;
  height: 5px;
  margin: 5px 0 5px 5px;
  padding: 0;
  overflow: hidden;
  float: right;
  z-index: 15;
  background: url("../img/arrow.png") no-repeat left;
}
.am-tabs a:hover span.arrow,
.am-tabs li.active span.arrow {
  background-image: url("../img/arrow-white.png");
}
.am-tabs .has-children > ul {
  background: url("../img/tab-bg.png") repeat-x top left #e8e8e8;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border-top-left-radius: 0;
  border: 1px solid #cccccc;
  min-width: 200px;
  overflow: hidden;
}
.am-tabs .has-children > ul > li {
  margin: 0;
}
.am-tabs .has-children > ul a {
  -webkit-border-radius: 0;
  border-radius: 0;
  border: none;
  background: none;
}
.am-tabs .has-children > ul li.active {
  background-image: url("../img/tab-hover-bg.png");
  background-color: #e34b3d;
}
.am-tabs .has-children > a:hover {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.am-tabs li.expanded > a {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
/* END Tabs */
/* Receipt table from thanks.phtml */
.am-receipt {
  border: 1px solid #e0e0e0;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 1em;
  padding: 0.5em;
  border-collapse: collapse;
  box-shadow: 0 1px 1px #e0e0e0;
}
.am-receipt table {
  width: 100%;
}
.am-receipt td {
  background-color: #ededed;
  padding: 0.5em;
  border: 1px solid white;
}
.am-receipt th {
  font-weight: bold;
  padding: 0.5em;
}
.am-receipt td.am-receipt-total {
  background-color: #d3dce3;
}
.am-receipt td.am-receipt-terms {
  background: none;
}
.am-receipt td.am-receipt-indent {
  background: none;
}
.am-receipt .am-receipt-row-delimiter td {
  background: none;
}
.am-receipt .am-receipt-price {
  width: 20%;
  text-align: right;
}
.am-receipt .am-receipt-unit-price {
  width: 20%;
  text-align: right;
}
.am-receipt .am-receipt-qty {
  width: 10%;
  text-align: right;
}
.am-receipt .am-receipt-discounted-price {
  text-decoration: line-through;
  color: red;
}

/* Common Form Elements */
a.button {
  display: inline-block;
  text-decoration: none;
  font-size: 14px;
}
.btn-cancel {
  padding: 0.6em 1em !important;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 4px;
  color: #fff;
  margin-right: 15px;
    font-size: 14px;
    line-height: 1.42857143;
    background-color: #f0ad4e;
    border-color: #eea236;
}

a.button,
input[type=button],
input[type=submit] {
  background: #e00000 !important;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
}
a.button:hover,
a.button.active,
input[type=button]:hover,
input[type=submit]:hover,
input[type=button].active,
input[type=submit].active {
  cursor: pointer;
  border-color: #910e0e;
  background-color: #910e0e;
  color: white;
  text-shadow: 0 -1px 1px #688296;
}

input[type=button]:disabled,
input[type=submit]:disabled {
  color: #fff;
  border: 1px solid #F67638;
  background: #F67638;
  text-shadow: none;
}
input:disabled,
input[readonly=readonly] {
  background: inherit;
  border: none;
  color: #555555;
}

textarea.error,
input.error {
  background-color: #fce6e6;
  border: 1px solid #ba2727;
}
/*END Common Form Elements */
/* Form*/
.am-form {
  margin-bottom: 1em;
  /* support for form elements without the label */
  /* support for wide elements */
}

.am-form form {
  border: 0px solid #dddddd;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
 /* box-shadow: 0 1px 1px #b0b0b0;*/
  background: #fff;
  margin: 0;
  padding: 0;
  text-align: left;
}
.am-form fieldset {
  display: block;
}
.am-form fieldset legend {
  width: 100%;
  display: block;
  margin: 0px;
  padding: 0.5em 0;
  font-size: 18px;
  color: #fff;
  white-space: nowrap;
  background: #6c6c6c;
  border-bottom: 1px solid white;
  text-indent: 1em;
  text-align: center;
}
.am-form fieldset legend a {
  color: white;
  text-decoration: none;
  border-bottom: 1px dashed white;
  padding-bottom: 2px;
}
.am-form fieldset:first-child legend:first-child {
 /* -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;*/
}
.am-form .row:first-child .element-title:first-child {
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}
.am-form div.reqnote {
  clear: both;
  font-size: 80%;
  margin: 0.5em 0 0 1em;
}
.am-form div.row {
  clear: both;
  overflow: hidden;
  border-bottom: 1px solid #ededed;
  margin-top:5px;
}
.am-form div.element-title {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.8em 1em;
  background-color: #ededed;
}
@media all and (min-width: 500px) {
  .am-form div.element-title {
    background-color: transparent;
    width: 35%;
    float: left;
    text-align: right;
    padding: 1em 0.5em 1em 1em;
  }
}
.am-form div.element-title label {
  font-weight: bold;
  color: #555555;
}
.am-form div.element {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1em 1em;
}
@media all and (min-width: 500px) {
  .am-form div.element {
    margin-left: 35%;
    padding: 1em 1em 1em 0.5em;
  }
}
.am-form div.row.no-label .element {
  margin: 0;
  padding: 0.5em 1em;
}
.am-form div.row.no-label div.element-title {
  width: 0;
  display: none;
}
.am-form div.row.row-wide .element {
  margin: 0;
  padding: 0.5em 1em;
}
.am-form div.row.row-wide .element-title {
  float: none;
  width: 100%;
  text-align: left;
  padding: 0.5em 1em;
}
.am-form textarea {
  overflow: auto;
}
.am-form input,
.am-form select,
.am-form textarea {
  padding: 0.4em 1em;
  /*margin-top: -5px;*/
}
.am-form span.error,
.am-form span.required {
  color: #ba2727;
}
.am-form span.error {
  display: block;
}
.am-form input.error,
.am-form textarea.error,
.am-form select.error {
  border: 1px solid #ba2727;
}
.am-form select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
}
.am-form span.mceEditor {
  display: block;
}

input.datepicker,
input[type=text].datepicker {
  background-image: url("../img/icons/calendar.png");
  background-repeat: no-repeat;
  background-position: 5px center;
  padding-left: 25px;
}
.el-wide {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

div.errors ul, ul.error, ul.errors {
  margin: 25px 0 0 0px;
  padding: 0;
  background: #fcbdbd;
  border: 1px solid #faa7a7;
  color: #ba2727;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
@media all and (min-width: 995px) {
	div.errors ul, ul.error, ul.errors {
  		margin: 0px 0 0 0px;
  		padding: 0;
  		background: #fcbdbd;
  		border: 1px solid #faa7a7;
  		color: #ba2727;
  		-moz-border-radius: 10px;
  		-webkit-border-radius: 10px;
  		border-radius: 10px;
  		font-size: 16px;
	}
}
div.errors ul li, ul.error li, ul.errors li {
  margin-left: 0px;
  padding: 0.5em 1em;
  list-style: none;
  text-align: left;
}
.error {
  color: #ba2727;

}
.am-signup-link {
  text-align: center;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}
@media all and (min-width: 995px) {
	 .am-signup-link {
	 	text-align: left;
  		margin: 0px 0 0 0px;
  		font-size: 18px;
         color: #555555;
  		}
 }
.am-copyright {
  margin: 1em 0 0 0;
  text-align: center;
  font-size: 75%;
}
.am-copyright a {
  text-decoration: none;
}
/* language choice select */
.am-lang-choice, .lang-choice-login {
    float: right;
    color: #525252;
    background-color: transparent;
    text-decoration: none;
	height: 100%
}
.am-lang-choice a, .lang-choice-login a {
    color: transparent
}
.lang-choice-login {
	height: 56px;
    padding: 11px 5px 0 5px;
	}
.lang-choice-login {
	background-color: transparent;
}

/* Form Login */
.am-signup-login-form-container {
  z-index: 150;
  position: absolute;
  margin: 0 auto;
  width: 754px;
  background-color: white;
  border: solid 3px #cccccc;
  padding: 20px;
}
.am-login-form,
.am-sendpass-form {
  padding: 25px 0 0 0px;
  width: 100%;
}
@media all and (min-width: 995px) {
  .am-login-form,
   .am-sendpass-form {
       width: 470px;
       padding: 35px;
       border-radius: 10px;
       position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);

	}
	.am-signup-form {
		margin: 15px 0 0 0px;
		width: 550px;
		float: right;
        background-color: #f7f7f7;
        padding: 25px;
        border-radius: 10px;
	}
	.am-signup-form form {
    border-radius: 10px;
    background-color: transparent;
    margin: 0;
    padding: 0;
    text-align: left;
	}
	.am-signup-form div.row {
    clear: both;
    overflow: hidden;
    margin-top: 5px;
    border-bottom: 0;
	}
}
.am-login-form legend,
.am-sendpass-form legend {
  text-indent: 0;
  text-align: center;
}
.am-login-form input[name=login],
.am-login-form input[name=amember_login],.am-login-form:focus, .am-sendpass-form input[name=login],
.am-sendpass-form input[name=amember_login] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: 10px center;
  padding-left: 10px;
  width: 100%;
    background-color: #f7f7f7 !important;
 
}
@media all and (min-width: 500px) {
	.am-login-form input[name=login],
.am-login-form input[name=amember_login], .am-sendpass-form input[name=login],
.am-sendpass-form input[name=amember_login] {
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: 10px center;
  padding-left: 10px;
  /*width: 100%;
  height: 40px;*/
     font-size: 22px;
     color:#555555;
        background-color: #f7f7f7 !important;
	}
}
.am-login-form input[name=amember_pass], .am-sendpass-form input[name=amember_pass] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: 5px center;
  padding-left: 10px;
  width: 100%;
  color: #555555;
    font-size: 22px;
     background-color: #f7f7f7 !important;
}
@media all and (min-width: 500px) {
	am-login-form input[name=amember_pass], .am-sendpass-form input[name=amember_pass] {
  		-webkit-box-sizing: border-box;
  		-moz-box-sizing: border-box;
  		box-sizing: border-box;
  		background-repeat: no-repeat;
  		background-position: 10px center;
  		padding-left: 10px;
   		width: 100%;
  		height: 40px;
  		font-size: 18px;
  		color: #555555;
         background-color: #f7f7f7 !important;
  		}
}		
/* END Form Login */
.agreement {
  font-size: 8pt;
  white-space: pre-wrap;
  max-height: 300px;
  overflow: auto;
}
#mask {
  z-index: 10000;
  position: fixed;
  top: 0;
  left: 0;
  -moz-opacity: 0.5;
  opacity: .50;
  filter: alpha(opacity=50);
  background-color: #CCC;
  width: 100%;
  height: 100%;
  zoom: 1;
}
.am-active-invoice {
  padding: 0.5em;
  border: 1px solid #ededed;
  margin-bottom: 0.5em;
}
.am-active-invoice .am-active-invoice-num {
  font-weight: bold;
}
.am-active-invoice .am-active-invoice-terms {
  font-style: italic;
}
.am-active-invoice .am-active-invoice-cancel {
  color: gray;
}
.am-active-invoice .am-active-invoice-product {
  color: gray;
}
.am-active-invoice .am-active-invoice-product-list {
  margin-left: 2em;
}
.am-active-invoice .am-active-invoice-product-list li {
  list-style-type: disc;
}
.am-list {
  margin-bottom: 1em;
  margin-left: 2em;
}
.am-list li {
  list-style-type: disc;
}
.small {
  font-size: small;
  font-style: italic;
}
.am-product-title {
  font-weight: bold;
}
.am-product-desc {
  font-size: small;
  font-style: italic;
  display: block;
}
.am-paysystem-title {
  font-weight: bold;
}
.am-paysystem-desc {
  font-size: small;
  font-style: italic;
  display: block;
}
.ajax-link,
.local-link {
  text-decoration: none;
  position: relative;
}
.ajax-link:after,
.local-link:after {
  border-bottom: 1px #9aa9b3 dashed;
  content: '';
  height: 0;
  left: 0;
  right: 0;
  bottom: 1px;
  position: absolute;
}
.am-reuse-card-confirmation {
  font-size: large;
}
.am-thanks-awaiting-refresh {
  margin-top: 20px;
  color: gray;
}
.am-form div.am-element-recaptcha {
  margin-left: 0;
  padding: 0;
}
/* icons */
.glyph {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url("../img/sprite/icon.png");
  background-repeat: no-repeat;
  background-position: left center;
}
#EmailCode {
  background: #FFFFCF;
}
/* outline a block in member area */
.am-block {
  color: #666;
  background: #fff;
  border: 1px solid #e0e0e0;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 1em;
  padding: 1em;
  box-shadow: 0 1px 1px #e0e0e0;
}
.am-block ul {
  margin: 0;
  padding: 0;
}
.am-block li {
  list-style-type: none;
  margin: 0 0.3em 0 0;
}
/* am-info is a notice on page with border and outlined by color */
.am-info {
  background: #dfe8f0;
  border: 1px solid #ccddeb;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 1em;
  padding: 0.5em 1em;
}
.has-login {
    width: 500px;
    float: right;
    padding: 25px;
}
.am-notification {
  background-color: #FFFFCF;
  border-color: #545454;
  color: #454430;
}
.am-popup {
  margin: 0 auto;
  padding: 10px 20px 20px 20px;
  position: absolute;
  text-align: left;
  z-index: 10001;
  display: none;
  background-color: white;
  border: solid 3px #cccccc;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  min-width: 600px;
}
.am-popup .am-popup-close-icon {
  display: inline-block;
  background: url("../img/modal-close.png");
  background-repeat: none;
  width: 17px;
  height: 17px;
  margin: 2px;
  float: right;
  text-decoration: none;
}
.am-popup .am-popup-header {
  font-size: 110%;
  font-weight: bold;
  overflow: hidden;
  margin: 0 0 1em 0;
}
/* Uploader */
.upload-control {
  display: inline-block;
}
.upload-control .upload-control-upload {
  background: #F67638;
  border: 1px solid #F67638;
  padding: 0.4em 1em;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  color: #fff;
  text-shadow: 0 -1px 1px #c7c8c9;
}
.upload-control .upload-control-upload.upload-control-reupload {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.upload-control .upload-control-browse {
  display: inline-block;
  background: url("../img/form-button-bg.png") repeat-x top left #e8e8e8;
  border: 1px solid #cccccc;
  border-left: none;
  padding: 0.4em 1em;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  color: #555960;
  text-shadow: 0 -1px 1px #c7c8c9;
  cursor: pointer;
}
.upload-control .upload-control-upload.hover, .upload-control .upload-control-browse.hover {
  border-color: #f88a56;
  background-color: #f88a56;
  color: white;
  text-shadow: 0 -1px 1px #688296;
}
.upload-control span.uploading {
  background: url("../img/ajax-loader-small.gif") no-repeat left center;
  padding-left: 20px;
}
.upload-control .upload-control-upload.upload-control-upload-single {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

/* END Uploader */
.morris-hover {
  position: absolute;
  z-index: 1000;
}
.morris-hover.morris-default-style {
  border-radius: 10px;
  padding: 6px;
  color: #666;
  background: rgba(255, 255, 255, 0.8);
  border: solid 2px rgba(230, 230, 230, 0.8);
  font-family: sans-serif;
  font-size: 12px;
  text-align: center;
}
.morris-hover.morris-default-style .morris-hover-row-label {
  font-weight: bold;
  margin: 0.25em 0;
}
.morris-hover.morris-default-style .morris-hover-point {
  white-space: nowrap;
  margin: 0.1em 0;
}

/*Tambahan CSS*/
.am-news-feed {
	padding: 15px 15px 15px 15px;
	margin-bottom: 25px;
	width: 100%;
	background: #f5f5f5;
}
.am-news-feed p {
	margin-bottom: 5px;
}
.am-account-overview {
	padding: 15px 15px 15px 15px;
	display: inline-block;
	width: 95%;
	background: #f5f5f5;
	line-height: 1.7em;
}
.am-account-overview-bottom {
	margin-top:8px;
}
.am-account-overview h4{
	font-size: 16px;
	margin: 0 0 10px 0;
	padding: 0;
	display: inline-block;
	color: #fd8a17;
}
.am-account-overview span {
	color:#057209;
	font-weight: bold;
}
.am-top-broker {
		padding-right: 5px;
		margin-left: 20px;
}
.am-top-broker img {
	margin: 5px 5px 5px 0;
    vertical-align: middle;
    width: 70px;
    height: 25px;
}
.am-top-broker span {
	font-size: 75%;
	padding-left:5px;
}

ol.labels-list {
    list-style-type: none;
    list-style-type: decimal !ie; /*IE 7- hack*/
     
    margin: 0;
    margin-left: 1em;
    padding: 0;
     
    counter-reset: li-counter;
}
ol.labels-list > li{
    position: relative;
    margin-bottom: 1.5em;
    padding: 1.5em;
    background-color: #eaeaea;
    line-height: 1.5;
}
ol.labels-list > li:before {
    position: absolute;
    top: -0.3em;
    left: -0.5em;
    width: 1.8em;
    height: 1.2em;
     
    font-size: 2em;
    line-height: 1.2;
    font-weight: bold;
    text-align: center;
    color: #464646;
    background-color: #d0d0d0;
     
    transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    overflow: hidden;
     
    content: counter(li-counter);
    counter-increment: li-counter;
}

.am-user-balance-block {
 	float: right;
  	color: #fff;
	padding: 18px 10px;
	text-decoration: none;
	font-size: 18px;
	margin: 0px 5px;	
}
.am-user-balance-block span {
	color: #057209;
	font-weight: bold;
}
.profile-container {
	margin-bottom: 0px;
	padding: 0px 5px 0 5px;
    background-color: #212121;
    border-bottom: 1px solid #3d3d3d;
}
@media all and (max-width: 1024px) {
	.profile-container {
		display: none;
		}
	}
	
.am-user-name-statistic {
	color:#e4e4e4;
	padding:10px 0 10px 0px;
	text-transform: uppercase;
	font-size: 12px;
	text-align: center;
	}
.user-avatar {
	padding: 0px;
	line-height: 1.2em;
	color: #f1f1f1;
	text-align: center;
}

.img-avatar {
	border-radius: 18%;
	width: 70px;
	height: 70px;
	border: 3px solid #fff;

}
DIV.texthover {
    width:100%;
    display:block;
    position:relative;
    text-align: center!important;
    height: 100%;
}

DIV.texthover .overlay {
    top: 7px;
    position:absolute;
    width:0;
    width:100%;
    display:none;
}
DIV.texthover:hover .overlay {
    display:block;
    color: #eee;
}

DIV.texthover-cover {
    width:100%;
    display:block;
    position:relative;
    text-align: center!important;
    height: 100%;
    z-index: 1000;
}

DIV.texthover-cover .overlay-cover {

    width: 100%;
    display:none;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.33);
    padding: 5px;
    border: 1px solid #fff;
}
DIV.texthover-cover:hover .overlay-cover {
    display:block;
    color: #eee;
}


DIV.texthover-edit-profile {
    width:100%;
    display:inline-block;
    position:relative;

}

DIV.texthover-edit-profile .overlay-edit-profile {
    position:absolute;
    top:27%;
    right: 0;
    display:none;
}
DIV.texthover-edit-profile:hover .overlay-edit-profile {
    display:block;
    color: #000;
}


.img-profile {
	border-radius: 50%;
	width: 159px;
	height: 159px;

}
.profile-stars {
    color: #FABA03;
    padding: 7px 0;
    text-align: center;
    text-transform: capitalize;
    font-size: 14px;
    line-height: 1.5
}
.profile-details {
    padding: 15px 0;
    border-top: 1px solid #e7ebee;
    border-bottom: 1px solid #e7ebee;
    margin: 15px 0;
    text-transform: none;
    text-align: left;
    color:#212121;
}
.edit-profile {
	float: right;
	font-size: 20px;
	padding: 13px 0 0 0;
	
}
.am-user-name-statistic span {
	font-size: 11px;
	color: #686868;
	font-weight: normal;
	}
.r-statistic {
	width: 50%;
	float: left;
}
.a-statistic {
	width: 50%;
	float: right;
}
@media all and (mx-width: 1024px) {
  .r-statistic, .a-statistic
   {
    font-size: 85%;
  	}
}
.col-50 {
	width: 47%;
	float: left;
	padding-right: 10px;
}
p-pr:before {
    font-family: 'FontAwesome';
    content:"\f017";
    padding:0 0px 0 0px;  
}
p-rptd:before {
    font-family: 'FontAwesome';
    content:"\f07a";
    padding:0 0px 0 0px;  
} 
p-pv:before {
    font-family: 'FontAwesome';
    content:"\f110";
    padding:0 0px 0 0px;  
} 
p-a-statistic:before {
    font-family: 'FontAwesome';
    content:"\f201";
    padding:0 5px 0 0px;  
    font-size: 16px; 
} 
p-rc:before {
    font-family: 'FontAwesome';
    content:"\f234";
    padding:0 0px 0 0px;  
} 
p-tc:before {
    font-family: 'FontAwesome';
    content:"\f055";
    padding:0 0px 0 0px;  
} 
th.totalrebate {
	font-weight : bold;
	text-align: right;
	background-color: #b9aeaa;
}
th.totalrebate a{
	color: inherit;
	text-shadow: none;
	background: none;
	display: inline;
	color: #F67638;
	text-decoration: underline;
	padding:0;
}
.sort-date-table {
	display: none;
}
.hide-title {
	display: none;
}

/*CSS for login page*/
.am-layout-login {
	color: #303030;
  	min-height: 100%;
  	margin: 0 0 0px 0;
  	padding: 0;
  	}		
.am-body-login {
  	text-align: center;
	}
.am-body-login, .am-body-login-content-wrapper {
 	text-align: left;
  	background: white;
}
.am-login-form form {
  border: 1px solid #ededed;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 0 1px 1px #b0b0b0;
  background: #fff;
  margin: 0;
  padding: 0;
  text-align: left;
}
.am-login-form fieldset {
  display: block;
}
.am-login-form fieldset legend {
  width: 100%;
  display: block;
  margin: 0px;
  padding: 0.5em 0;
  font-size: 18px;
  color: #e00000;
  white-space: nowrap;
  background: #222;
  border-bottom: 1px solid white;
  text-indent: 0;
}
.am-login-form fieldset legend a {
  color: white;
  text-decoration: none;
  border-bottom: 1px dashed white;
  padding-bottom: 2px;
}
.am-login-form fieldset:first-child legend:first-child {
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}
.am-login-form .row:first-child .element-title:first-child {
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}
.am-login-form div.reqnote {
  clear: both;
  font-size: 80%;
  margin: 0.5em 0 0 1em;
}
.am-login-form div.row {
  clear: both;
  overflow: hidden;
  border-bottom: 1px solid #ededed;
  margin-top:5px;
}
.am-login-form div.element-title {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.8em 1em;
  background-color: #ededed; 
}
@media all and (min-width: 500px) {
  .am-login-form div.element-title {
    background-color: transparent;
    width: 100%;
    float: left;
    text-align: left;
    padding: 1em 0.5em 1em 1em;  
  }
}
.am-login-form div.element-title label {
  font-weight: bold;
  color: #555555;
}
@media all and (min-width: 500px) {
	.am-login-form div.element-title label {
  		font-weight: bold;
  		color: #555555;
  		font-size: 18px;
  		margin-left:3px;
		}
}
.am-login-form div.element {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1em 1em;
}
@media all and (min-width: 500px) {
  .am-login-form div.element {
    margin-left: 7px;
    padding: 1em 1em 1em 0.5em;
    font-size: 18px;
  }
}
.am-login-form div.row.no-label .element {
  margin: 0;
  padding: 0.5em 1em;
}
.am-login-form div.row.no-label div.element-title {
  width: 0;
  display: none;
}
.am-login-form div.row.row-wide .element {
  margin: 0;
  padding: 0.5em 1em;
}
.am-login-form div.row.row-wide .element-title {
  float: none;
  width: 100%;
  text-align: left;
  padding: 0.5em 1em;
}
.am-login-form textarea {
  overflow: auto;
}
.am-login-form input,
.am-login-form select,
.am-login-form textarea {
  padding: 0.4em 1em;
  margin-top: -5px;
width: 100%;
border-radius: 0;
font-size: 20px !important;
}
.am-login-form span.error,
.am-login-form span.required {
  color: #ba2727;
}
.am-login-form span.error {
  display: block;
}
.am-login-form input.error,
.am-login-form textarea.error,
.am-login-form select.error {
  border: 1px solid #ba2727;
}
.am-login-form select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
}
.am-login-form span.mceEditor {
  display: block;
}
.am-body-signup h1 {
  		display: none;
}
.am-body-signup h2 {
  		font-size: 28px;
}
@media all and (min-width: 995px) {
	.am-layout-login {
		background-color: transparent;
		}
			 
  	.am-body-login, .am-body-login-content-wrapper,.am-page-login {
    	background: url('../img/bg-login.jpg') no-repeat scroll center center #000000;
        background-size: cover;
        height: 100%;
  	}
  
  .am-body-signup {
		background: url('../img/bg-signup.png') no-repeat scroll center center #000000;
        background-size: cover;
        height: 100%;
  	}
  	
	.am-login-form form {
  		border: 0px solid #ededed;
  		-moz-border-radius: 0px;
  		-webkit-border-radius: 0px;
  		border-radius: 0px;
  		box-shadow: 0 0px 0px #b0b0b0;
  		background-color: transparent;
  		margin: 0;
  		padding: 0;
  		text-align: left;
		}

	.am-login-form fieldset legend {
  		background-color: transparent;
  		border-bottom: 0px solid #ededed;;
  		text-align: left;
  		font-size: 24px;
  		text-transform: uppercase;
		}

	.am-login-form div.row {
  		clear: both;
  		overflow: hidden;
  		border-bottom: 0px solid #ededed;
  		margin-top:5px;
		}
}

/*CSS for login page end*/

.button-container {
	width: 100%;
	display: table;
	margin : 0 0 15px 0;
}
a.am-button {
	background-color: transparent;
	font-family : 'bebas_neueregular',sans-serif;
    font-size: 18px;
    letter-spacing: 0.025em;
    padding: 8px 8px 8px 8px;
    display: table;
    transition: all 0.3s ease 0s;
    color:#F67638;
    text-align: center;
	line-height: 1em;
	float: left;
	text-decoration: none;
	border: 1px solid #F67638;
	margin : 0 15px 5px 0;

}

a:hover.am-button  {
	 
	 background: #ffecd9;
	 }


.sub-menu ul {
padding: 12px 0;
margin: 15px 0;
border-bottom: 1px solid #c3c2b9;
font-size: 16px;
}
 
.sub-menu li {
list-style-type: none;
display: inline;
background-color: #f8f7ee;
padding: 10px 0;
}
 
.sub-menu li a {
color: #c3c2b9;
text-decoration: none;
padding: 10px 15px;
}
 
.sub-menu li a.active {
text-decoration: none;
color: #444444;
background-color: #fff;
padding: 10px 15px;
box-shadow: inset 0 1px 0 #c3c2b9;
border-left: 1px solid #c3c2b9;
border-right: 1px solid #c3c2b9;
border-bottom: 4px solid #fff;
}

.sub-menu a:hover {
text-decoration: none;
background-color: rgba(233, 230, 202, 0.3);
padding: 10px 15px;
color: #444444;
}
table.editform {
	width: 50%;
    border-collapse: separate;
    border-spacing: 10px 10px;
}
.fa-right {
	float: right;
}
#f_country {
	max-width: 241px;
    background: #ffffff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    cursor: pointer border-width: 0;
    box-sizing: border-box;
    cursor: pointer;
    /* font-size: 1em; */
    /* line-height: 1em; */
    padding: 0.4em;
    align-items: left;
    height: auto;
    /* width: 100%; */
    /* width: calc(100%);&: foc */us {
    outline: none;};
}
.tableTitle {
	width:100%;
	clear: both;
	display: table;
	margin-top:15px;
    font-size: 16px;
    background-color: #eee;
    padding: 10px;
}
.tableTitleLeft {
	float: left;
	width: 50%;
	font-size: 18px;
	color:#867d86;
	margin-bottom: 10px;
}
.tableTitleRight {
	float: right;
	text-align: right;
	width: 50%;
	font-size: 18px;
	color:#867d86;
	margin-bottom: 10px;
}

a.balance-button {
	text-transform: uppercase;
	width: 95px;
	max-width: 125px;
	height: 70px;
    background-color: transparent ;
    padding: 11px 7px 0px 7px;
    transition: all 0.3s ease 0s;
    color: #5e524d;
    text-align: center;
    float: right;
    text-decoration: none;
    border: 1px solid #F67638;
    margin: 10px 10px 0 0;
    line-height: 1.2;
    border-radius: 7px
    /* margin: 0 15px 5px 0; */
}

a:hover.balance-button  {
	 
	 background: #ffecd9;
	 }
.balance-button span {
	font-size: 16px;
	line-height: 2;
}
.colseper4-left {
	float: left;
	width: 49%;
	padding-right: 2px;
}
.colseper4-right {
	float: left;
	width: 49%;
	padding-left: 2px
}
a.affiliate-balance {
	text-transform: uppercase;
	width: 70%;
	height: 60px;
    background-color: transparent ;
    padding: 11px 7px 0px 7px;
    transition: all 0.3s ease 0s;
    color: #5e524d;
    text-align: center;
    float: right;
    text-decoration: none;
    border: 1px solid #F67638;
    margin: 13px 10px 0 0;
    line-height: 1.5;
    border-radius: 7px
    /* margin: 0 15px 5px 0; */
}
a:hover.affiliate-balance  {
	 
	 background: #ffecd9;
	 }
.affiliate-balance span {
	font-size: 16px;
	line-height: 2;
}
a.allpay {
	font-size: 14px;
	float: right;
}
th {
	font-weight : bold;
}
.table>thead>tr>th {
    border-bottom: 2px solid #e7ebee;
    text-transform: uppercase;
    font-size: 0.875em;
}
.rebate-note ul {
    list-style-type: square;
    margin-left: 15px
}
.rebate-note ul li  {
    list-style-type: square;
    margin-left: 5px
}

.rebate-note {
    margin-top: 10px;
    line-height: 1.5em;
}
.rebate-note a {
    color: #e00000 !important;
}
.note ul {
    list-style-type: square;
    margin-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1.5em;
}
.note ul li  {
    list-style-type: square;
    margin-left: 5px
}


.icon-circle {
    border: 1px solid #ccc;
    border-radius: 21px;
    margin: 2px;
    padding: 10px 11px !important;
}
.row {
	margin: 0 0px 0px 0px;
}
.row-main {
    margin-bottom: 15px;
}
.row-main-dash {
    background-color: #ece8e8;
    border: 1px solid #f6efef;
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 15px;
}
.row-form {
    margin-bottom: 15px;
}
.row-info-box {
    margin: 0 0 5px 0;
}
.row-info-box a:hover {
    text-decoration: none;
}
.info-box-dash {
    background-color: #ece8e8 !important;
    border-radius: 5px !important;
}
.info-box-fa {
    color: #e0000061;
    margin: 8px 0 10px 2px;
}
.info-box-dash-l {
    margin-right :6px !important;
}
.info-box-dash-r {
    margin-left :6px !important;
    margin-right :0px !important;
}
.info-box {
    padding: 15px 15px 10px 15px;
    margin-right: 12px;
}
.info-box-filter {
    padding: 15px 15px 15px 15px !important;
    background-color: #ece8e8 !important;
    border-radius: 15px !important;
}
.info-box-filter i {
    font-size: 3.5em !important;; 
    margin-top: 1px !important;
    margin-right: 15px;
}
.info-box img {
    height: 55px;
    position: absolute;
}
.info-box-rpr {
    margin-bottom: 15px !important;
    width: 100% !important;
    color: #fff;
}
.gicon-btn {
    font-size: inherit !important;
    background: inherit !important; 
    color: inherit !important; 
    margin-top: -2px;
    font-family: 'Glyphicons Halflings' !important; 
}
.info-box-point {
    text-align: center;
    background-color: burlywood;
    padding: 15px 5px;
    border: 1px solid #fff;
}
.info-box-poin-dash {
    background-color: #ece8e8 !important; 
    border: 1px solid #f6efef !important;
}
.info-box-point h4 {
    font-size: 14px;
    font-family: Montserrat-SemiBold;
    color: #555;
    font-weight: 500;
}
.info-box-point span {
    font-size: 24px;
    font-family: Montserrat-SemiBold;
    color: #444;
    font-weight: 500;
}
.info-box-point p {
    font-size: 12px;
    padding-bottom: 10px;
    margin-top: 5px;
}
a.info-box-link:hover{
    text-decoration: none;
}
a.info-box-link{
    color: #111 !important;
}
.info-1 {
	background-color: #8bc34a !important;
}
.info-2 {
	background-color: #03a9f4 !important;
}
.info-3 {
	background-color: #e84e40 !important;
}
.info-4 {
	background-color: #9c27b0 !important;
}
.info-skrill {
	background-color: #811e68!important;
}
.info-paypal {
	background-color: #0070ba!important;
}
.info-fasapay {
	background-color: #F60!important;
}

.info-box-wd {
	margin: 8px 8px 8px 8px;
	padding: 20px;
	border: 1px solid #ddd ;
	border-radius: 3%;
	color: #fff;
    box-shadow: 2px 2px 5px #818181
}

.info-wd-rebate {
	background-color: #FFFFFF !important;
}
.info-box i {
    font-size: 4em;
    float: left;
   

}
.info-box-headline {
        font-size: 14px;
    font-weight: 500;
    display: block;
    padding-right: 5px;
    color: #555;
    font-family: Montserrat-SemiBold;
    text-align: right;
  
}
.info-box-wd-headline {
    font-size: 80%;
    font-weight: 600;
    margin-bottom: 4px;
    display: block;
    text-align: right;
    padding-right:5px;
    color:coral;
}
.info-box-value {
    font-size: 1.5em;
    font-weight: 500;
    margin-right: 5px;
    display: block;
    font-family: Montserrat-SemiBold;
    text-align: right;
}
.info-box-value-dash {
   font-size: 28px !important; 
    color: #555   !important;
}

.info-box-img-dash {
    height: 65px !important;
    top:28px !important;
    left: 20px !important;
}
.info-box-details-link {
    text-align: right;
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #999;
    margin-right: 5px;
}
.fa-info-box {
    text-align: right !important;
    font-size: 12px !important;
    float: none !important;
}
.fa-his {
    font-size: 3.5em !important;
    display: block; 
}
.status-text-his {
    text-transform: none !important; 
    font-weight: bold;
    display: block;
}
#myProgress {
  position: relative;
  width: 100%;
  height: 30px;
  background-color: #ddd;
}

#myBar {
  position: absolute;
  height: 100%;
  max-width: 100%;
  background-color: #4CAF50;
}
@media (max-width: 768px) {
    .row-main {
        margin-left: 10px;
         margin-right: 10px;
    }
    .row-info-box {
        margin: 0px 5px 5px 5px;
    }
    .info-box {
        padding: 10px 0px;
        margin: 2px;
    }
    .info-box i {
        font-size: 2.5em;
        display: block;
        margin: 0 auto;
        width: 100%;
        text-align: center ;
        margin-bottom: 8px
    }
    .info-box-headline {
    text-align: center;
    padding-right: 0px;
    margin-top: 0px;
        font-size: 11px;
        font-weight: normal;
    }
    .info-box-value {
        text-align: center;
        font-size: 14px;
        margin-top: 0px !important;
    }
 
    .complate-profile h3 {
        font-size: 16px !important;
    }
    .complate-profile span {
        font-size: 70%;
    }
    .icon-round {
        height: 45px !important;
        border: 0px solid #e6e4e4 !important;
        padding: 4px 0px 4px 5px!important;
        overflow: unset !important;
    }
    .icon-complate-profile {
    font-size: 2em !important;
    }
    .icon-round2 {
        width: 45px !important;
        height: 45px !important;
        border: 0px solid #e6e4e4 ;
        padding: 2px 6px !important;
    }
    .icon-complate-profile2 {
        font-size: 1.5em !important;
    }
    .icon-plus {
        padding-left: 3px !important;
        padding-top: 5px !important;
    }
    .icon-cc {
        padding-top: 5px !important;
    }
    .img-depo {
        width: 75px !important;
        height: 35px !important;
    }
    .depo-box {
        width: 100px !important;
        height: 40px !important;
        box-shadow: 2px 2px 5px #818181 !important;
    }
    .icon-depo {
    font-size: 150% !important; 
    margin-left: 5px !important
    }
    .span-kurs {
    margin-bottom: 5px; 
    font-size: 75% !important
    }
    .span-depo {
    font-size: 100% !important
    }
    .btn-depo {
        font-size: 80%;
        padding: 5px 8px;
    }
    .span-depo-lg {
        display: none;
    }
    .span-depo-xs {
    display: inline-block !important;
    }
    .row-info-domain {
        margin: 0 3px !important;
    }
    .top-banner {
    margin: 0 7px 7px 7px !important;
    }
    .am-content-container {
        margin: 10px 0;
    }
    .nmr-whatsapp {
        display : none !important;
    }
     .form-mobile {
        text-align: center;
    }
    .img-logo-ps {
      width: 80px !important;
      height: 40px !important;
    }
    .icon-chat {
    padding: 2px 10px !important;
    width: 45px !important;
    height: 45px !important;
    font-size: 22px !important;
    }
    .fa-chat {
     margin-top: 6px !important;
    }
    .info-box img {
        position: relative;
        height: 40px;
        margin: 0 auto;
        display: table;
        margin-bottom: 10px;
        display: none;
    }
    .quick-action {
        display: none;
    }
    .complate-profile img {
    height: 40px !important;
   }
   .img-h70 {
    height: 30px !important;
   }
    .main-box h2, .main-box-profile h2 {
        font-size: 1.1em;
        margin-left: 5px
        
    }
    .main-box h2 {
        font-size: 12px !important;
    }
    .main-box-header-icon {
        display: none;
    }
    .info-box-dash-l {
    margin-right :0px !important;
    }
    .info-box-dash-r {
    margin-right :0px !important;
    }
    .fa-info-box {
       text-align: center !important; 
        display: inline !important; 
    }
    .info-box-details-link {
        text-align: center !important; 
        font-size: 11px !important; 
    }
    .info-box-value-dash {
        font-size: 18px !important;
    }
    .main-box-dash {
    background-color: #fff !important;
    }
    swiper-slide h2  {
        font-size: 18px !important;
    }
    .mb3px {
        margin-bottom: 3px !important;
    }
    .info-box-point h4 {
        font-size: 11px !important;
    }
    .info-box-filter i { 
        font-size: 2.5em !important;
    }

}

.depo-box {
    text-align: center; 
    padding: 10px 0; 
    color: #FFF; 
    background-color: green; 
    width: 100%; 
    margin: 0 auto
}
.img-depo{
    width:100px; 
    height: 40px; 
    box-shadow: 2px 2px 5px #818181
}
.span-depo-xs {
    display: none;
}
.wd-box {
    background-color: red !important; 
}
.icon-depo {
    font-size: 200%; 
    margin-top: 8px; 
    margin-left: 55px
}
.span-kurs {
    margin-bottom: 5px; 
    font-size: 85%
}
.span-depo {
    font-size: 150%
}
.info-box-wd-value {
    font-size: 2.1em;
    font-weight: 600;
    margin-right: 5px;
    display: block;
    text-align: right;
    color:coral;
}
.main-box {
    background-clip: padding-box;
    border-radius: 4px;
     box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; 
        -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; 
        -moz-box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
.main-box-dash {
    background-color: #ece8e8 ;
}
.timeline-dash h2.title:before {
  background: none !important;
    width: 0 !important;
    height: 0 !important;
}
ul.timeline-dash li {
border-bottom: 1px solid #f6efef !important;
}
.main-box-chart {
    background: #FFFFFF;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    margin-bottom: 10px;
    border-radius: 3px;
    background-clip: padding-box;
    margin: 0px 8px 8px 8px;
    padding: 10px 0 15px 0;
}
.main-box-profile {
    background: #FFFFFF;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    margin-bottom: 10px;
    border-radius: 3px;
    background-clip: padding-box;
    margin: 0px -8px 8px -8px;
    padding-top: 15px
}
.main-box-header {
    min-height: 50px;
    padding: 10px 15px;
}
.main-box h2, .main-box-profile h2  {
    font-size: 14px; 
    margin: 5px 0 0 0;
    padding: 0;
    margin-top: 7px;
    font-weight: 600;

    }


h2.header-box {
        font-family: Montserrat-SemiBold !important;  
        color: #E00000 !important;
        position:relative;
        text-transform: uppercase;
}
.grid-title h2 {
    font-size: 16px
}
.main-box-header-note {
    display: block;
    margin: 0 0px 10px 0px;
    font-size: 16px;
    display: inline-block;
    text-transform: none;

}
.main-box-header-icon {
    float: left;
    margin-right: 5px;
    width: 35px;
}
.main-box-body {
	padding: 0 15px 10px 15px;
}
.main-box-body-home {
	font-weight: 600 !important;
}
.widget-stats {
	list-style: none;
    margin: 0;
    padding: 0;
}
.widget-stats>li {
    padding: 5px;
}
.widget-stats .stats-name {
    float: left;
}
.widget-stats .stats-value {
    float: right;
    padding-right: 5px;
    padding-top: 2px;
}
.widget-stats-last {
	background: #FFFFFF;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    margin-bottom: 16px;
    border-radius: 3px;
    background-clip: padding-box;
    margin: 0px 8px 8px 8px;
}
.widget-stats-last h2 {
    font-size: 1.3em; 
    line-height: 29px;
    margin: 0;
    padding: 0;
}
.filter-block {
		clear: both;
    /* text-align: right; */
    padding: 10px 10px 10px 10px;
    float: right;
    width: 100%;
    background-color: #ededed;
}

.page-container {
	background: #FFFFFF;
    background-clip: padding-box;
    margin: 0px 0px 15px 0px;
    padding: 15px 0 25px 0;
}

.btn-orange {
    background-color: #e84e40;
    border-color: #e84e40;
    color :#fff
 }
 .date {
 	padding: 3px;
 	margin : 0 2px 0 2px;
 	width: 170px;
 	border-width: 0;
 }
@media all and (max-width: 550px){
	.date {
	width: 120px;
	}
}

/* remove border between controls */
.add-on .input-group-btn > .btn {
    border-left-width: 0;
    left:-2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
/* stop the glowing blue shadow */
.add-on .form-control:focus {
    -webkit-box-shadow: none; 
            box-shadow: none;
    border-color:#cccccc; 
}

.label {
    border-radius: 3px;
    background-clip: padding-box;
    font-size: 0.875em;
    font-weight: 600;
    display: inline;
    padding: .2em .6em .3em;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}
.label-paid{
    background-color: #8bc34a;
}
.label-on-proccess{
    background-color: #ffc107;
}
.label-pending{
     background-color: #9c27b0;
}
.label-cancel{
     background-color: #e84e40;
}
.table a.table-link {
    margin: 0 5px;
    font-size: 1.125em;
}
.open-live-btn a {
    color: #fff;
    padding: 4px 7px;
    text-align: center;
    background: #b9aeaa;
    font-family: 'bebas_neueregular',sans-serif;
    font-size: 17px;
    text-decoration: none;
    transition: all 0.4s ease 0s;
    margin-left: 15px;
}
.open-live-btn a:hover {
	background-color: #d9d2d0;
	text-decoration:none;
	color: #fff;
}

.ol-style {
   list-style: none;

 }
 .ol-style li {
   counter-increment: item;
   margin-bottom: 5px;
 }
 .ol-style li:before {
   margin-right: 10px;
   content: counter(item);
   background: lightblue;
   border-radius: 100%;
   color: white;
   width: 1.2em;
   text-align: center;
   display: inline-block;
 }
 .email-composer {
 	padding: 15px;
 	margin: 0 0 15px 0;
 	border-radius: 5px;
 	border: 1px solid #ddd;
 }
 
 #popup_this {
    top: 50%;
    left: 50%;
    text-align:center;
    margin-top: -50px;
    margin-left: -100px;
    position: fixed;
    background: #fff;
    padding: 30px;
}
.b-close {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    color: #fff;
    background: #ff0000;
    padding: 5px 10px;
}

.fb {
    width: 100%;
}
a.button-fb {
  background: #4267b2;
  border: 1px solid #4267b2;
  padding: 0.4em 1em;
  color: #fff;
  text-shadow: 0 -1px 1px #c7c8c9;
  margin-top: 15px;
  text-align : center;
  text-decoration: none;
margin-left: -15px
}
a.button-fb-login {
	display: block;
}
a.button-fb:hover,
a.button-fb.active
{
  cursor: pointer;
  border-color: #5376bf;
  background-color: #5376bf;
  color: white;
  text-shadow: 0 -1px 1px #688296;
}
.select-wrapper {
color: #aaa;
cursor: pointer;
float: left;
/*padding-right: 3em;*/
position: relative;
width: 100%;
margin-bottom: 15px;
}
.style-select {
 background: #ffffff url(../img/select_down_arrow.png) 95% center no-repeat;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: 0;
cursor: pointer
    border-width: 0;
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    font-size: 1em;
    line-height: 1em;
    padding: 0.8em;
    align-items: left;
        height: auto;
    width: 100%;
    width: calc(100%);
    &:focus {
        outline: none;
    }
}
.center {
    text-align: center;
}
.complate-profile {
    background-color: #FFF;
    padding: 5px 5px 5px 0px;
    display: inline-block;
    width: 100%;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; 
        -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; 
        -moz-box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
.complate-profile img {
    height: 80px;
}
.img-h70 {
     height: 70px !important;
}
.complate-profile h3 {
    font-size: 20px;
    margin-top: 10px;
}
.complate-profile span {
    margin:auto; 
    display:table;
    text-align: center;
    margin-bottom: 10px;
    color: #111;
}
.icon-round {
       overflow: hidden;
    width: 120px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    padding: 12px 15px;
    margin-bottom: 5px;
    margin-top: 10px;
    color: #111;
    text-align: center;
}

.icon-complate-profile {
    color: rgba(54, 103, 6, 0.64);
    font-size: 3em;
}
.icon-round2 {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    overflow: hidden;
    width: 80px;
    height: 80px;
    margin-left: auto;
    margin-right: auto;
    background-color: #000;
    padding: 8px 14px;
    border: 5px solid #fff;
    margin-bottom: 5px;
     margin-top: 10px;
}
.icon-complate-profile2 {
    color: #fff !important;
    font-size: 3em;
}
.icon-cc {
    font-size: 1em !important;
}
.icon-plus {
    padding-left: 5px;
}
.flashit {
  color: #fff !important;
	-webkit-animation: flash linear 1s infinite;
	animation: flash linear 2s infinite;
}
@-webkit-keyframes flash {
	0% { opacity: 1; } 
	50% { opacity: .1; } 
	100% { opacity: 1; }
}
@keyframes flash {
	0% { opacity: 1; } 
	50% { opacity: .1; } 
	100% { opacity: 1; }
}
.saldo {
    background: rgba(194, 189, 190, 0.24);
    padding: 17px 15px;
    margin-bottom: 10px;
}
.saldo span {
    font-size: 36px;
    font-weight : 700;
   margin: auto;
    display: table;
    color: #E00000;
    
}

#msform {
	width: 100%;
	margin: 30px auto;
	text-align: center;
	position: relative;
    z-index: 1;
}
    /*progressbar*/
#progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;
}
#progressbar li {
	list-style-type: none;
	color: #9f9a9a;
	text-transform: uppercase;
	font-size: 10px;
	width: 33.33%;
	float: left;
	position: relative;
}
#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 40px;
	line-height: 40px;
	display: block;
	font-size: 18px;
	color: #aaaaaa;
	background: #e5e5e5;
	border-radius: 100%;
	margin: 0 auto 5px auto;
}
/*progressbar connectors*/
#progressbar li:after {
	content: '';
	width: 100%;
	height: 4px;
	background: #e5e5e5;
	position: absolute;
	left: -50%;
	top: 18px;
	z-index: -2; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,  #progressbar li.active:after{
	background: #E00000;
	color: white;
    font-size: 18px;
}

/*hanck modal bootsrap*/
body.modal-open {
    overflow: visible;
}

/*Tablet View*/
@media all and (max-width: 995px) {

  .am-menu-content {
      background: #eff2f5;
        margin: 0;
  }
  .am-main-menu {
      border-bottom: 1px solid #262626;
    }

  .am-menu {
      	width: 100%;
		padding:10px 0 0 0;
		float: left;	
    }
    .am-top-menu, .am-top-menu-login {
        display: none;
	}
  .socialcontainer {
   	display: none;
    }
  .am-header .am-header-content {
    width: 100%;
	margin: 0;
	}
	.am-footer {
    	display: none;
    }
    .textcopyright {
        text-align: center;
    }
	.am-tos {
    	display: none;
    }
	.warning {
    	display: none;
    }
	.am-footer-actions {
    	display: none;
    }
    .am-user-identity-block {
        float: left;
    }
    .am-lang-choice {
   	    margin-top:2px;
	}
    .live-chat-main-container {
        display: none;
    }
}
.exist-acc {
    margin: 15px 0;
    padding: 15px 0 15px 25px; 
    font-style: italic; 
    background-color: #fcf5f5;
}
.copy-button {
    display: block;
    margin-top: 25px;
}
.copy-button2 {
    display: inline-block;
    margin-top: 0px !important;
    padding: 2px 10px !important;
}
ul.timeline {
    list-style: none;
    padding-left: 0;
}
.timeline a, timeline a:focus, timeline a:hover{
    color: #111 !important;
    font-weight: 600
}

ul.timeline li {
    position: relative;
    border-bottom: 1px solid #e8e8e8;
    clear: both;
}
.timeline .block {
    margin: 0 0 0 105px;
    /*border-left: 3px solid #e8e8e8;*/
    overflow: visible;
    padding: 7px 15px 7px 5px
}

.timeline.widget {
    min-width: 0;
    max-width: inherit
}

.timeline.widget .block {
    margin-left: 0px
}

.timeline h2.title {
position: relative;
font-size: 16px;
margin: 0;
    line-height: 20px;
    text-transform: capitalize !important;
}
.timeline h2.title a:link {
    color: #111;
    font-weight: normal
}
.timeline h2.title:before {
content: "";
position: absolute;
left: -23px;
top: 3px;
display: block;
width: 14px;
height: 14px;
/*border: 3px solid #d2d3d2;*/
border-radius: 14px;
background: #f9f9f9;
}
.byline-timeline {
    font-size: 10px;
    line-height: 1.3;
    color: #aab6aa;
    padding: .25em 0;
    font-weight: 800;
    letter-spacing: 0.1818em;
}
.byline-timeline a {
    color: #aab6aa !important;
}
ul.broker_promo {
padding: 0;
}
ul.broker_promo li {
background: #f3f3f3;
border-radius: 3px;
position: relative;
padding: 7px;
margin-bottom: 5px;
list-style: none;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.btn-link {
    text-align: left !important;
}
.main-box-info-domain {
    background-color: #FBEECD; text-align: center; font-size: 1.4rem; font-weight: 600;padding: 15px 20px
}

.nmr-whatsapp {
    color: #66757f;
    font-weight: 600;
    font-size: 16px;
    margin-right: 15px;
}
.quick-action, .quick-action a:link {
    color: #c4c4c4 !important;
    font-size: 16px !important;
    margin-right: 15px; 
    text-decoration: none;
}
.img-logo-ps {
    vertical-align: middle;
    height: 50px;
    width: 125px;
    border-radius: 4px;
}
.overlay {
  height: 50%;
  top: 0;
  left: 0;
  height: 50%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*Button chat */
.live-chat-main-container{
    display: inline-block;
    position: absolute;
    z-index: 1000;
}
.icon-chat, .icon-chat:hover, .icon-chat:focus{
    display: block;
    font-size: 26px;
    color: #fff;
    border-radius: 50%;
    padding: 8px 12px;
    cursor: pointer;
    border: 2px solid;
    box-shadow: 1px 1px 3px rgb(0 0 0 / 30%);
    background: #E00000 !important;
    width: 54px;
    height: 54px;
    float: right;
    position: fixed;
    bottom: 15px;
    right: 15px;
  
}
.icon-chat:hover {
    transform: scale(1.1); 
}
.fa-chat {
    margin-top: 8px
}
#launcher {
    display: none !important;
}
.modal-dialog {
    top: 25%;
}
/*end Button chat */
.alert a {
    color:  #E00000 !important;
}
input[type=search] {
    border: 1px solid rgb(118, 118, 118) !important;
}
.dataTables_wrapper .dataTables_filter input {
    border: 1px solid #aaa !important;
    
}
.fa-menu-sidebar {
    color: #e00000 !important;
    min-width: 20px !important;
    text-align: center !important;
}

.copy-button {
    display: inline-block;
    background: transparent !important;
    color: #aba4a4 !important;
    margin: 0 5px;
}

/* startCSS Slider Swipir */
 swiper-container {
      width: 100%;
      height: 250px;
    border-radius: 4px;
     color: #fff !important;
    }

    swiper-slide {
       text-align: center;
      font-size: 18px;
      background: #444;
      display: flex;
      justify-content: center;
      align-items: center;
        width: 100%;
    }

    swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
        border-radius: 4px;
    }

.swiper-link { 
    color: #fff; 
    text-align: center;
    font-size: 18px;
    background: none; 
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.swiper-link:hover {
    text-decoration: none !important;
    color: inherit !important;
}
swiper-slide h2 {
    font-size: 18px;
    display: block;
}

/*end CSS Slider Swiper */