@charset "UTF-8";
@font-face { font-family: arial; src: url('fonts/arial.ttf'); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: arialbd; src: url('fonts/arialbd.ttf'); font-weight:bold; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: basic-sans-heavy-bold; src: url('fonts/basic-sans-heavy-bold.ttf'); font-weight:900; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: calibri; src: url('fonts/calibri.ttf'); font-weight:300; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: CinzelDecorative-Regular; src: url('fonts/CinzelDecorative-Regular.otf'); font-weight:900; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: Cinzel-Regular; src: url('fonts/Cinzel-Regular.otf'); font-weight:900; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: eund-regular; src: url('fonts/eund-regular.ttf'); font-weight:900; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: eund; src: url('fonts/eund-medium.ttf'); font-weight:700; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: monofont; src: url('fonts/monofont.ttf'); font-weight:900; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: opensans; src: url('fonts/opensans-regular.ttf'); font-weight:600; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: opensans-bold; src: url('fonts/opensans-bold.ttf'); font-weight:600; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: roboto-light; src: url('fonts/roboto-light.ttf'); font-weight:400; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: roboto-bold; src: url('fonts/roboto-bold.ttf'); font-weight:600; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: roboto-boldcond; src: url('fonts/roboto-boldcond.ttf'); font-weight:500; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@font-face { font-family: shentox-bold; src: url('fonts/shentox-bold.woff'); font-weight:600; font-stretch:extra-condensed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
	
#google-container { z-index:9999; float:right; position:fixed; top:18px; right:0px; height:25px; width:20px; }

/*display:block;*/
body { background-color:#f6f6f6; }
.clear { clear:both; height:10px; }
.clear20 { clear:both; height:20px; }
.clear40 { clear:both; height:40px; }
.center { vertical-align:middle !IMPORTANT; text-align:center; }
.maxw100 { width:100px !IMPORTANT; max-width:100px !IMPORTANT; }
.maxw200 { width:200px !IMPORTANT; max-width:200px !IMPORTANT; }
.img-product { width:100%; min-width:80px; max-width:200px; height:auto; }
.img-capturethumb  { width:100%; min-width:80px; max-width:480px; height:auto; }
.img-container { padding:6px; border:1px solid #dedede; border-radius: 4px; box-shadow: 0px 0px 8px #cdcdcd; background-color:#ffffff; width:100%; min-width:80px; max-width:800px; }
.scroll-to-top { bottom:30px; }

.font-blue-steel { color:#7b0f8e!important; }
.btn-primary { background-color:#7b0f8e!important; border-color: #630c72!important; }

.page-header.navbar { height:60px; background-color: #ffffff; box-shadow:2px 0px 6px #cdcdcd; margin-right:20px;}
.page-header-fixed .page-container { margin-top: 60px; }
.page-header.navbar .page-logo { height:60px!important; width:235px!important; }
.page-content-wrapper .page-content { /*margin-left:235px;*/
	margin-left:235px;
}
.page-header.navbar .page-logo .logo-default { max-width:170px; margin-top:6px!important; margin-left:10px!important; }

.page-header.navbar .top-menu .navbar-nav {
   height:60px; margin-right:10px;
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown {
    margin: 0;
    padding: 0 4px;
    height: 60px;
    display: inline-block;
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown > a > span {
	font-size:17px;
	color:#969696;
}

.page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle:hover, .page-header.navbar .top-menu .navbar-nav>li.dropdown.open .dropdown-toggle {
    background-color: #eeeeee;
    height:60px;
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-menu:after {
    position: absolute;
    top: -6px;
    right: 10px;
    display: inline-block!important;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: '';
    width:14px;
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle {
    padding: 16px 6px 12px 8px; height:60px;
}
.page-header.navbar .menu-toggler.sidebar-toggler { margin: 18px 15px!important; }
.page-header.navbar .top-menu { margin: 0; padding: 0; float: left; font-size:26px!important; color:#9b9b9b; }

.page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle>.username {
    display: inline-block; font-size: 15px; font-weight: 300; color:#474747;
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-menu:before {
	display:none!important;
}

#notification { margin-top:20px; margin-bottom:20px; display:none; position:relative; width:100%; min-height:40px; max-height:200px; height:auto; }
#notification2 { margin-top:20px; margin-bottom:20px; display:none; position:relative; width:100%; min-height:40px; max-height:200px; height:auto; }
.notifcrumb { padding: 12px 15px 10px 20px; background-color: #ffffff; border: 1px solid #dedede; height:44px; border-radius:4px; min-height:40px; max-height:200px; height:auto; }
.notifcrumb ul { list-style: none; margin:0px; padding:0px; }
.notifcrumb li { float:left; }
.notifcrumb a { font-size:15px; margin-left:8px; position:relative; top:2px; }
.notifcrumb span { font-size:15px; font-family:tahoma,verdana;position:relative; top:1px; margin:0px 0px 0px 8px; color:#ababab; }
.notifcrumb img { position:relative; top:-1px; left:2px; margin-right:4px;}

.page-sidebar .page-sidebar-menu>li.active.open>a, .page-sidebar .page-sidebar-menu>li.active>a {
    background: #5B085B!important;
    border-top-color: transparent;
    color: #fff;
}

/***************************************************/
.tdkey { padding:12px 8px 0px 8px !IMPORTANT; width:40px !IMPORTANT; max-width:40px !IMPORTANT; text-align:center; }
.tdname { display:block; padding:12px 8px 0px 8px !IMPORTANT; white-space:normal; width:200px !IMPORTANT; min-width:200px !IMPORTANT; max-width:200px !IMPORTANT; text-align:right; }
.tdindent { display:block; margin-left:30px; margin-right:0px; width:auto; min-width:140px; max-width:1500px; white-space:normal; }
.wrapspan { display:block; margin-right:0px; width:auto; min-width:140px; max-width:1500px; white-space:normal; }
.gowhitespace { white-space:normal; }

.pager2-container { margin:0 auto; padding:0px; width:100%; min-width:200px; max-width:1600px; }
.pager2 { display:block; height:auto; min-height:48px; max-height:120px; width:100%;min-width:240px;max-width:1600px;padding:4px 8px; background-color:#f7f7f7; border:1px solid #efefef; border-radius:4px; margin: 10px 0; list-style: none; text-align: center; }
.pager2 .btn-group { float:right; position:relative; right:-2px; top:2px; max-height:48px; }
.pager2 .btn-group a { float:left; position:relative; top:0px; left:0px; display:inline-block; padding:6px 0px 0px 0px; text-decoration:none;
	width:34px; max-width:34px; min-width:34px; height:34px; min-height:34px; max-height:34px; }
.pagedisplay { float:left; width:auto; position:relative; padding:8px 14px; top:0px; left:-3px; background-color:#ffffff; border:1px solid #cdcdcd; border-radius:4px;}
.pgctrl { float:right;width:auto;min-width:40px;max-width:450px;padding:0px; background-color:#ffffff; border:1px solid #efefef; border-radius:4px; }
.pager .dropdownmenu li { border:0px; width:20px; }
.table-responsive .table td { width:auto; min-width:10px; max-width:200px; }

.form-group.form-md-line-input { padding-top:10px; margin: 0 0 15px; }
.portlet>.portlet-title>.caption>i {
	margin-right: 15px;
}

/*
.ptc-button { position:relative;top:8px;left:10px;max-height:24px;padding-top:2px; background-color:#ffffff !IMPORTANT; }
.ptc-button-active { position:relative;top:8px;left:8px;max-height:24px;padding-top:2px; color:#ffffff !IMPORTANT; background-color:#2C3E50 !IMPORTANT; }
*/

/*/// CALENDAR ///*/
.calendar { font-family:opensans-bold,arial,sans-serif; background-color:#ffffff; }
.calendar th { color:#232323; background-color:#cdcdcd; padding:12px 16px; font-size:18px; text-align:center; }
.calendar tr:nth-child(2) { background-color:#dedede; }
.calendar td { color:#898989;  padding:12px 16px; border:1px solid #efefef; font-size:15px; font-weight:200; line-height:18px; text-align:center; vertical-align:middle; }

/*/// TREE VIEW ///*/
.treeView .checker { margin: 0 auto; padding:0; float: none; }
.treeView { width:100%; min-width:280px; max-width:1920px; background-color: #ffffff; margin-left:auto; margin-right:auto; }
.treeView tbody tr { border-top: 0px solid #e4e4e4;width:100%; min-width:300px; max-width:1920px; background-color: #ffffff; }
.treeView tbody tr:nth-child(even) { background-color: #ffffff; }
.treeView tbody td { padding: 0px; vertical-align: middle; font-family:opensans-regular, verdana; color:#121212; font-weight:500;font-size:12px; border-bottom: 1px solid #efefef; height:100%; min-height:34px; max-height:70px; }

.treeView thead tr { background:#ffffff; border-bottom:1px solid #dedede; }
.treeView thead tr:nth-child(even) { background-color: #ffffff; border-bottom:1px solid #dedede; }
.treeView thead th { border-left:1px solid #ffffff; padding: 8px 12px; vertical-align: middle; color:#676767; font-size:14px; font-family:opensans-regular, verdana; color:#454545; text-align:center; }
.treeView thead th:first-child { border-left: none; }
.treeView thead tr:first-child { border-top: none; }

.treeView a:active {margin:0px;padding:0px;font-family:arial,verdana;font-size:14px;font-weight:500;color:#DE0005;}
.treeView a:link {margin:0px;padding:0px;font-family:arial,verdana;font-size:14px;font-weight:500;color:#DE0005;}
.treeView a:visited {margin:0px;padding:0px;font-family:arial,verdana;font-size:14px;font-weight:500;color:#DE0005;}
.treeView a:hover{margin:0px;padding:0px;font-family:arial,verdana;font-size:14px;font-weight:500;color:#B50000;}
/*.treeView input{ font-family:arial,verdana; font-size:14px; color:#121212; font-weight:400; background:#F9F9F9; border-bottom-color:#cdcdcd; border-left-color:#dedede; border-top-color:#dedede; border-right-color:#cdcdcd; border-style:solid; border-width:1px; padding:4px; margin:0px; width:100%; min-width:100px; max-width:300px; }*/
.treeView select { position:relative; margin:2px 2px 2px 2px; padding:2px 2px 2px 2px; min-width:40px; max-width:400px;
	background-color:#f7f7f7; font-family:arial,verdana; color:#343434; font-weight:100;font-size:14px;line-height:16px; border: #dedede solid 1px; }
.treeView textarea { position:relative; margin:2px 2px 2px 2px; padding:2px 2px 2px 2px; width:100%; min-width:100px; max-width:600px; height:100%; min-height:100px; max-height:400px;
	background-color:#f7f7f7; font-family:arial,verdana; color:#343434; font-weight:100;font-size:14px;line-height:16px; border: #dedede solid 1px; }


#user_popup { float:left;position:relative;display:none;top:210px;left:-320px;padding:0px;margin:0px;margin-left:20px;width:300px;height:185px; }
#matrix { width:100%;min-width:1540px;text-align:center; min-height:690px; margin-left:10px;margin-right:40px; }
#matrix_my_position { float:left;position:relative;padding:8px;left:50px;width:auto;min-width:200px;max-width:450px;height:38px;background:#dedede; }
#matrix_search { float:left;position:relative;padding:3px;padding-left:8px;margin-left:60px;width:auto;min-width:200px;max-width:450px;height:38px;background:#dedede; }
.posinfo { overflow:hidden; position:absolute; left:0px; height:20px; width:100%; text-align:center; font-family:arial;font-size:14px;color:#232323; font-family:arial,sans-serif; }
.posinfo span { position:relative; font-family:arial;color:#232323; font-size:14px; }
.posinfo img { position:relative; margin-left:2px; margin-right:7px; top:4px; }

.pos_2x2 { float:left; margin-left:auto; margin-right:auto; display:block; margin-top:0px; margin-bottom:0px; padding:0px; padding-top:8px; width:140px; height:79px; font-size:12px; line-height:14px; vertical-align:middle; overflow:hidden;
	border:1px solid #dedede; box-shadow: 0px 0px 2px #dedede; border-radius:8px; }
.pos_2x4 { float:left; position:relative; top:60px; display:block; margin:4px; padding:8px; width:200px; height:34px; font-size:12px; line-height:14px; vertical-align:middle; overflow:hidden;
	border:1px solid #dedede; box-shadow: 0px 0px 2px #dedede; border-radius:8px; transform: rotate(90deg); }
#rowTop { width:1400px; min-width:1400px; margin:0px; padding:0px; margin-left:auto; margin-right:auto; text-align:center; margin-top:20px; height:140px; background:url('../images/binary/spacer-top-row.png') bottom center no-repeat; }
#rowSecond {width:1400px; min-width:1400px; margin:0px; padding:0px; margin-left:auto; margin-right:auto; text-align:center; margin-top:18px; height:140px; background:url('../images/binary/spacer-second-row.png') bottom center no-repeat; }
#rowThird {width:1480px; min-width:1480px; margin:0px; padding:0px; margin-left:auto; margin-right:auto; text-align:center; margin-top:8px; height:140px; background:url('../images/binary/spacer-third-row.png') bottom center no-repeat; }
#rowFourth {width:1490px; min-width:1490px; margin:0px; padding:0px; margin-left:auto; margin-right:auto; text-align:center; margin-top:34px; height:200px; }

.pos_child { float:left; position:relative; width:auto; display:block; margin:0px; padding:0px; padding-top:21px; width:116px; height:79px; font-size:34px; color:#cdcdcd; line-height:24px; vertical-align:middle; overflow:hidden; background:url('../images/binary/child_arrow.png') no-repeat; }
#spacer-top-row { width:100%; height:36px; margin-top:8px; /*background:url('../images/binary/spacer-top-row.png') bottom center no-repeat;*/ }

a.btn-cart {
	padding:10px 20px; margin:0; border-radius:8px; border:1px solid #8F4200;
	background-image:linear-gradient(to bottom, rgba(255,215,20,1), rgba(255,128,20,1) );
	font-family:roboto-bold,opensans,sans-serif; font-size:15px; color:#232323; text-decoration:none;
}

.profile-sidebar { margin-top:20px; }
.btn-white { background-color:#ffffff;  }
.btn-white-left { width:50%; position:absolute; padding:8px; bottom:0px; left:0px; border: 1px solid #dedede; border-bottom-left-radius: 4px; border-right-width:0px; }
.btn-white-right { width:50%; position:absolute; padding:8px; bottom:0px; right:0px; border: 1px solid #dedede; border-bottom-right-radius: 4px; }

.cash-item { text-align: center; border-radius: 8px; padding: 25px 20px; background: #fff; border: 1px solid #E0E3E8; display: block; margin-bottom: 20px; }
.cash-item label { display:block; font-size:1.4em; font-weight:bold; cursor: pointer; }
.cash-item-icon { fill: #366D9F; height: 28px; margin: 17px; font-size:2.2em; }
.cash-item span { color:#bcbcbc; }
.cashin-usdeposit:hover { background-color:#366D9F; color:#fff!important; text-decoration:none!important; }
.cash-item a { cursor: pointer; color: #366D9F; padding-bottom: 2px; text-decoration:none!important; }

.builder-package { position:relative; background-color:#ffffff; margin:0px 0px 40px 0px; padding:40px 30px 70px 30px; height:720px; border:1px solid #efefef; border-radius: 8px; }
.builder-package ul { list-style: none; margin:0px; padding:0px; }
.builder-package li { font-family:opensans; color:#343434; font-size:1em!important; font-weight:400!important; letter-spacing:0.02em!important; line-height:1.8rem!important; margin-bottom:5px; }
.builder-package .builder-icon { position:relative; top:0px; left:0px; width:100%; height:auto; margin:0px 0px 10px 0px; padding:0; text-align:center; }
.builder-package .builder-icon img { position:relative; margin:0; padding:0; width:80%; max-width:160px; }
.builder-package .pricing { position:relative; font-size:40px; color:#009245; font-family:arialbd; text-align:center; margin:0px 0px 10px 0px; }
.builder-package .package-name { position:relative; font-size:26px; color:#232323; font-family:arialbd; line-height:1.0em; text-align:center; margin:0px 0px 20px 0px; }
.builder-package .package-description { position:relative; display:block; max-height:300px; overflow-y:scroll; overflow-x:hidden; }
.builder-package .package-description .table-bordered, .builder-package .package-description .table-bordered > tbody > tr > td { border: 0px solid #e7ecf1!important; }

.builder-package .button-add-cart { display:block; width:100%; margin:0px; padding:10px; position:absolute; bottom:20px; left:0px; }
.builder-icon { width:129px; height:84px; position:absolute; top:5px; left:20px;
	display:block; background-image:url(<?= HOST ?>images/content/icon-builder.png);
	background-position:center center; background-repeat:no-repeat; background-size:90%;
}
.purple { background-color:#5B085B!important; }

.content-compensation img { width:100%; margin-bottom:30px; min-width:220px; max-width:600px; height:auto; }
.content-compensation h1 { color:#5B085B;  margin-top:0px; margin-bottom:40px; }

.summary-line-item { position:relative; display:table; width:100%; padding-bottom:10px 10px 3px 10px; border-bottom: 1px dotted; border-color: #dedede; margin-bottom:15px;
   font-size:14px; line-height:18px; font-family: 'opensans-bold',sans-serif; color:#565656;
}

.portlet.box.blue { border: 1px solid #5B085B; }
.portlet.box.blue>.portlet-title { background-color: #5B085B; }

.modal-header { background-color:#330233!important; border-bottom: 1px solid #410341!important; }
.modal-title { color:#ffffff!important; }
.modal-footer { background-color:#330233!important; border-top: 1px solid #410341!important; }

.page-footer {
	background-color:#efefef;
}
@media (max-width: 1212px) {
	.username-hide-on-mobile { display:none!important; }
}
@media (max-width: 500px) {
	.text-hide-on-mobile { display:none!important; }
}
@media (max-width: 991px) {
	.page-header.navbar.navbar-fixed-top { padding-left:0px!important; position:fixed; }
	.page-header.navbar .page-logo { padding-left:10px!important; margin-right:0px; width:200px!important; }
	.page-content-wrapper .page-content {
		padding-top: 80px!important;
	}
	.page-header.navbar .menu-toggler.responsive-toggler {
	    display: block; position:relative; top:7px; right:50px;
	}
	.page-sidebar.navbar-collapse.in {
		top:60px; position: relative; overflow: hidden!important; overflow-y: auto!important; display: block!important;
	}
}

@media (max-width: 704px) {
	.page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle {
    	padding: 16px 2px 12px 2px; height: 60px; }
}
@media (max-width: 599px) {
	.page-header.navbar.navbar-fixed-top {
		height:120px;
	}
	.page-header.navbar .top-menu .navbar-nav {
	   margin-right:50px;
	}
	.page-content-wrapper .page-content {
   	padding-top: 140px!important;
	}
	.page-sidebar.navbar-collapse.in {
		top:120px; position: relative; overflow: hidden!important; overflow-y: auto!important; display: block!important;
	}
}
@media (max-width: 520px) {
	/*.dropdown-left {
		position:absolute!important;
		top:0px; right:0px;
	}*/
	.dropdown-menu-sticky-right {
		float:left!important;
		left:-120px!important;
	}
	.dropdown-menu-sticky-right:after {
	    left: 160px!important;
	}
}
@media (max-width: 480px) {
	.page-header.navbar .top-menu .navbar-nav {
	  margin-right:0px;
	}
	.page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle {
    	background-color: transparent!important;
	}
	.page-header.navbar .top-menu {
		width:100%; background-color: transparent!important;
	}
	.page-content-wrapper .page-content {
   	padding-top: 140px!important;
	}
	.page-sidebar.navbar-collapse.in {
		top:120px; position: relative; overflow: hidden!important; overflow-y: auto!important; display: block!important;
	}
	.btn-primary { background-color:#7b0f8e!important; border-color: #630c72!important; display:block; width: 100%; margin: 10px auto 10px auto; height:auto; }
}