body {
    font-family: proxima-nova, sans-serif;
    font-style: normal;
    font-weight: 400;
}

.page-content {
	background-color: #fff;
	height: 100%;
	padding: 0;
	margin: auto;
}

.new-navbar {
	position : absolute;
	top: 0px;
	font-style: normal;
	font-weight: 900;
	font-size: 15px;
}

.new-navbar.scrolling {
	position: fixed;
}

.sub-account-logout-div{
    color: #fff;
    font-size: 15px;
    padding: 12px;
    background-color: #2590C3;
}

.sub-account-logout-div span:nth-child(2){
    float: right;
}

.sub-account-logout-div span:nth-child(2) a{
    color: #FFF;
}

.sub-account-logout-div span:nth-child(2) a:hover{
    text-decoration: underline;
}

@media ( max-width : 1200px) {
	.new-navbar {
		position: absolute;
		top: 0px;
		font-family: proxima-nova, sans-serif;
		font-style: normal;
		font-weight: 900;
		font-size: 15px;
	}
	a.navbar-logo {
		display: block;
		height: 0;
		width: 110px;
		padding: 0px;
		margin-left: 50px;
	}
	.site-content-top {
		margin-top: 0px !important;
		margin-bottom: -2px;
		overflow: visible;
	}
	.navbar-collapse.collapse {
		display: block !important;
		height: auto !important;
		padding-bottom: 0;
		overflow: visible !important;
		float: right;
		border-top: none;
	}
	.navbar-header {
		display: inline;
		float: left;
	}
	.navigation-right-ul {
		display: inline-flex !important;
		float: right;
		list-style: none;
		margin: auto !important;
	}
	.side-frame {
		display: block !important;
	}
	.sub-navbar {
		height: 60px;
		line-height: unset;
	}
	.navbar-collapse.collapse {
		height: auto !important;
		padding-bottom: 0;
		overflow: visible !important;
		float: right;
	}
	.nav.navbar-nav.navbar-left {
		display: none;
	}
	.nav.navbar-nav.navbar-right>li {
		display: none;
	}
	#id-shopping-cart {
		display: block !important;
	}
	.name-message {
		display: block !important;
	}
	.name-message>a {
		padding: 7px 9px !important;
		margin-top: 12px !important;
	}
	.name-message .abbreviation span.news-notification {
		left: 28px !important;
		top: 8px !important;
	}
	#sign-in-id {
		display: block !important;
	}
	.navbar-nav>li {
		float: left;
	}
	a.sign-in {
		line-height: 60px;
		text-decoration: none;
	}
	#id-shopping-cart>a {
		padding: 10px 12px 8px !important;
		margin-top: 12px;
		margin-right: 7px;
	}
	#sign-in-id>a {
		padding: 12px 10px !important;
		font-size: 14px;
		margin-top: 12px !important;
		margin-right: 10px;
		margin-left: 0px;
	}
	#id-shopping-cart>a>i>span {
		top: 6px !important;
		right: 6px !important;
	}

	@media ( max-width: 767px) {
		#id-shopping-cart > a {
			margin-top: 6px !important;
			padding: 12px 10px !important;
		}

		#sign-in-id > a {
			margin-top: 6px !important;
			padding: 15px 10px !important;
		}
	}
}

#id-shopping-cart>a>i>span {
	font-weight: 900;
	background-color: #009DDC;
	border-radius: 3px;
	width: 20px;
	display: block;
	position: absolute;
	top: 10px;
	right: 12px;
	color: #fff;
}

#id-shopping-cart>a>i {
	font-weight: 500;
	font-size: 20px !important;
	padding-top: unset;
	padding-left: unset;
	padding-right: unset;
}

.new-navbar-default {
	background-color: transparent;
	border-color: transparent;
	margin-bottom: 0px;
	font-family: proxima-nova, sans-serif;
}

.navbar-toggle-menu-bar {
	width: 32px;
	height: auto;
	border: 0px solid #D3DBE2;
	margin: auto;
	padding: 0px;
}

.font-white {
	color: #fff !important;
}

.font-black {
	color: #333 !important;
}

.new-navbar-scroll {
	background-color: rgb(255, 255, 255);
	box-shadow: 0 1px 3px rgba(43, 59, 93, 0.3);
}

.site-function {
	color: #fff;
}

.site-function:hover{
	color: #fff;
}

.shoppding-cart-msg-unread {
	min-width: 23px !important;
	background-color: transparent;
	width: 100% !important;
}

.site-function-dropdown {
	background-color: #fff;
	border-radius: 5px;
	border-top-left-radius: 5px !important;
	border-top-right-radius: 5px !important;
}

.site-function-dropdown>li>a {
	color: #333;
	font-size: 13px;
	line-height: 40px;
	padding-left: 23px;
}

.site-function-dropdown>li>a:focus {
	color: #333;
	background-color: #f5f5f5;
	text-decoration: none;
}

.site-function-dropdown>li>a:hover {
	color: #333;
	background-color: #f5f5f5;
	text-decoration: none;
}

.dropdown-menu.bullet-right:before {
	border-bottom-color: rgba(0, 0, 0, 0.15);
}

.dropdown-menu.bullet-right:after {
	border-bottom-color: #fff;
}

/* sign in */
.navigation-right-ul {
	display: inline-flex;
	float: right;
	list-style: none;
	margin-right: 15px;
	margin-top: -10px;
}

@media ( max-width : 1200px) {
	.dropdown-menu-items {
		position: absolute !important;
		background-color: #fff !important;
		border: 1px solid rgba(0, 0, 0, .15) !important;
		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175) !important;
		box-shadow: 0 6px 12px rgba(0, 0, 0, .175) !important;
		top: 30px;
	}
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	right: 0;
	left: auto;
	z-index: 1000;
	display: none;
	float: right;
	min-width: 200px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	z-index: 1000;
}

#sidebar-wrapper {
	position: fixed;
	z-index: 1;
	left: 0px;
	top: 0px;
	width: 0;
	height: 100%;
	background: #fff;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	box-shadow: 5px 1px 5px #8888886e;
	border-radius: 0px 5px;
}

.nav-sidebar-close {
	font-size: 24px
}

#sidebar-wrapper {
	width: 0px;
}

#sidebar-wrapper .sidebar-nav li>a>.dynalogo {
	height: 15px;
	width: 12px;
	margin-left: 16px;
	background-size: 24px;
	background-repeat: no-repeat;
	display: inline-block;
	margin-top: 12px;
	background-position-x: -12px;
}

#sidebar-wrapper .sidebar-nav>li>a>.dynalogo.active, #sidebar-wrapper .sidebar-nav>li.dynadot>a:hover .dynalogo
	{
	background-position-x: 0px;
}

#page-content.toggled #sidebar-wrapper {
	width: 0px;
}

#content-wrapper {
	position: absolute;
	width: calc(100% - 250px);
	overflow-x: hidden;
	left: 250px;
}

.sidebar-nav {
	position: absolute;
	top: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidebar-nav ul {
	list-style-type: none;
	display: block;
}

.sidebar-nav>li>ul>li {
	
}

.sidebar-nav li {
	text-indent: 18px;
	line-height: 40px;
}

.sidebar-nav>li.active>a, .sidebar-nav>li.active>ul>li>a.messageactive {
	color: #fff;
}

.sidebar-nav li a {
	display: -webkit-box;
	text-decoration: none;
	color: #606060;
	position: relative;
}

.sidebar-nav li a .fa-angle-down, .sidebar-nav li a .fa-angle-up {
	position: absolute;
	right: 45px;
	top: 15px;
}

.sidebar-nav li a:hover {
	text-decoration: none;
	color: #333;
	background: rgba(255, 255, 255, 0.2);
}

.sidebar-nav li a:hover i:first-child {
	color: #017BFE;
}

.sidebar-nav li a:active, .sidebar-nav li a:focus {
	text-decoration: none;
}

.sidebar-nav li a span {
	position: absolute;
	left: 40px;
	white-space: nowrap;
}

/* navigation bar for mobile phone */
.sidebar-close.nav-sidebar-close .fa {
	cursor: pointer;
}

.navbar-toggle-menu-bar {
	width: 60px;
	text-align: center;
	font-size: 24px;
	font-weight: 100;
	text-indent: 5px;
}

#content-wrapper {
	background: #ebeef0;
	height: 100%;
}

.content-top {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	box-shadow: 0px 5px 20px 0px #cdd0d1;
	background: #fff;
}

#search-bar {
	line-height: 48px;
	text-align: center;
	font-size: 16px;
	color: #515b6e;
	text-indent: 18px;
	cursor: pointer;
	width: calc(100% - 180px);
	display: flex;
}

#search-bar>form {
	display: inherit;
	width: 100%;
}

#search-bar span.fa-search {
	width: 60px;
	line-height: 48px;
	text-align: center;
	font-size: 16px;
	color: #515b6e;
	text-indent: 18px;
	cursor: pointer;
}

#search-bar input[type='text'] {
	border: none;
	border-radius: 0;
	text-indent: 10px;
	font-size: 14px;
	font-weight: 500;
	width: 100%;
	line-height: 48px;
	height: 48px;
}

#search-bar input[type='text']::-webkit-input-placeholder {
	color: #8f8f8f;
	font-weight: 500;
}

#search-bar input[type='text']:-moz-placeholder {
	color: #8f8f8f;
	font-weight: 500;
}

#search-bar input[type='text']::-moz-placeholder {
	color: #8f8f8f;
	font-weight: 500;
}

#search-bar input[type='text']:-ms-input-placeholder {
	color: #8f8f8f;
	font-weight: 500;
}

.content-top .account-section {
	font-weight: 600;
	background: #f7f7f7;
	cursor: pointer;
	position: relative;
}

.content-top .account-section>.dropdown-toggle {
	height: 48px;
	display: flex;
	align-items: center;
	min-width: 236px;
}

.content-top .navbar-toggle-menu-bar {
	display: none;
}

.content-top .account-section>.dropdown-menu {
	right: 10px;
	left: auto;
}

.content-top .account-section span {
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	background: #6abfce;
	margin: 0 18px;
	border-radius: 4px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 500;
}

.content-top .account-section>.dropdown-menu>li {
	border-bottom: 1px solid #dae3e9;
}

.content-top .account-section>.dropdown-menu>li:last-child {
	border-bottom: none;
}

.content-top .account-section>.dropdown-menu>li>a {
	height: 46px;
	padding-left: 30px;
	line-height: 46px;
	font-weight: 600;
	padding-top: 0;
	padding-bottom: 0;
}

.none-result {
	background: #fff;
	text-align: center;
	height: 180px;
	border-radius: 4px;
	font-size: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.none-result, .list-section {
	margin: 50px auto 20px;
	max-width: 1192px;
	padding-left: 20px;
	padding-right: 20px;
}

.list-section.full-width {
	margin: 50px 45px 20px;
	max-width: 100%;
}

.panel .panel-heading {
	padding: 20px;
	color: #313c4f;
	font-size: 16px;
	flex-direction: row;
	display: flex;
	justify-content: space-between;
}

.list-section .panel-body {
	background: #ffffff;
}

.list-section .panel-body.table-responsive {
	padding-top: 0;
}

.list-section .panel-body .panel-body {
	padding: 0 15px;
}

.list-section .panel-body .panel-body.table-responsive thead>tr>td {
	line-height: 45px;
	height: 45px;
}

.list-section .panel-body .panel-body.table-responsive tbody>tr>td {
	line-height: 45px;
	height: 45px;
}

.panel-body.table-responsive thead>tr>td {
	line-height: 65px;
	height: 65px;
	font-weight: 600;
	white-space: nowrap;
}

.panel-body.table-responsive tbody {
	border-bottom: 1px solid #dae3e9;
}

.panel-body.table-responsive tbody>tr>td {
	height: 50px;
	padding: 0 10px;
	line-height: 50px;
	white-space: nowrap;
}

.panel-body










.table-responsive





 





tr
>
td










:not










(
:first-child





 





)
{
text-align










:





 





center










;
}
.panel-body.table-responsive thead>tr>td>a {
	color: #333;
}

.panel-body.table-responsive tr>td>a>i {
	padding-left: 5px;
	font-size: 12px;
}

.panel-body .panel .panel-heading .panel-title {
	font-size: 14px;
}

.content-error {
	max-width: 1192px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 50px;
	margin-bottom: 20px;
}

.content-error .error-wrap {
	background: #fceae6;
	border-top: 4px solid #ed6246;
	position: relative;
	padding: 15px 55px;
	box-shadow: 0px 3px 15px 0px #cdd0d1;
}

.content-error .fa.fa-exclamation-circle {
	font-size: 24px;
	color: #ed6246;
	position: absolute;
	left: 15px;
}

.content-error .fa.fa-close {
	position: absolute;
	right: 20px;
	top: 15px;
	color: #ed6246;
	cursor: pointer;
}

.content-error li {
	list-style: disc inside;
	padding: 4px 0;
	font-size: 13px;
}

.content-error .error-head {
	font-size: 16px;
	font-weight: 600;
}

.pagination>li>a, .pagination>li>span {
	border: 1px solid #abb2b7;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover,
	.pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover
	{
	background-color: #eef5f9;
	color: #7e8691;
	border: 1px solid #abb2b7;
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus,
	.pagination>li>span:hover {
	background-color: #eef5f9;
	border-color: #abb2b7;
}

#sidebar-wrapper .logo-section {
	text-align: center;
	margin-top: 30px;
}

#sidebar-wrapper .logo-section img {
	width: 140px;
}

.list-section
.table-responsive
 
tr
>
td
:not
 
(
:first-child
 
)
{
text-align
:
 
center
;


}
#sidebar-nav-1, #sidebar-nav-2 {
	width: 100%;
	height: 100%;
}

@media ( max-width : 959px) {
	#sidebar-wrapper.open {
		width: calc(60% - 65px);
	}
	#sidebar-wrapper.open + .sidebar-close.nav-sidebar-close {
		position: fixed;
		width: calc(40% + 65px);
		height: 100%;
		right: 0;
		top: 0px;
		background: rgba(0, 0, 0, 0.31);
		font-size: 28px;
		color: #ffffff;
		text-align: center;
		padding-top: 22px;
		z-index: 1111;
	}
}

@media ( max-width : 600px) {
	#sidebar-wrapper.open {
		width: calc(95% - 30px)
	}
	#sidebar-wrapper.open + .sidebar-close.nav-sidebar-close {
		position: fixed;
		width: calc(5% + 30px);
		height: 100%;
		right: 0;
		top: 0px;
		background: rgba(0, 0, 0, 0.31);
		font-size: 28px;
		color: #ffffff;
		text-align: center;
		padding-top: 22px;
		z-index: 1111;
	}
}

@media ( min-width : 960px) {
	#sidebar-wrapper.open {
		width: calc(50% - 65px);
	}
	#sidebar-wrapper.open + .sidebar-close.nav-sidebar-close {
		position: fixed;
		width: calc(50% + 65px);
		height: 100%;
		right: 0;
		top: 0px;
		background: rgba(0, 0, 0, 0.31);
		font-size: 28px;
		color: #ffffff;
		text-align: center;
		padding-top: 22px;
		z-index: 1111;
	}
}

@media ( min-width: 1201px) {
	#sidebar-wrapper {
		display: none;
	}
}

#sidebar-wrapper.open #sidebar-nav-2 {
	display: block;
}

#sidebar-nav-2 {
	display: none;
}

#sidebar-nav-2 .account-section {
	font-weight: 600;
	background: #f7f7f7;
	cursor: pointer;
	position: relative;
}

#sidebar-nav-2 .account-section .dropdown-toggle {
	height: 72px;
	display: flex;
	align-items: center;
	min-width: 236px;
	background: #ffffff;
}

#sidebar-nav-2 .account-section .dropdown-toggle span {
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	background: #6abfce;
	margin: 0 18px;
	border-radius: 4px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 500;
}

#sidebar-nav-2 .account-section .dropdown-menu {
	width: 100%;
}

#sidebar-nav-2 .account-section .dropdown-menu li {
	border-bottom: 1px solid #dae3e9;
}

#sidebar-nav-2 .account-section .dropdown-menu li a {
	height: 46px;
	padding-left: 30px;
	line-height: 46px;
	font-weight: 600;
	padding-top: 0;
	padding-bottom: 0;
}

#copyright {
	position: absolute;
	bottom: 60px;
	color: #bebfc3;
	font-size: 12px;
	left: calc(50% - 156px);
}

#dax-overlay {
	height: 100%;
	position: fixed;
	width: 100%;
	padding: 20px 0;
	background: #ebeef0;
	z-index: 111;
	font-size: 13px;
	overflow: auto;
	top: 0;
	left: 0;
	display: none;
}

#dax-overlay-logo {
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin: 30px 0;
	text-align: center;
	margin: 20px 0;
}

#dax-overlay-logo img {
	max-height: 100%;
}

#dax-overlay-content-wrap {
	max-width: 700px;
	margin: 0 auto;
	background: #FFF;
	padding: 0 40px 20px;
	border-radius: 3px;
	box-shadow: 0 1px 3px rgba(43, 59, 93, 0.3);
}

#dax-overlay-close {
	cursor: pointer;
	font-size: 30px;
	color: #9B9FA2;
	position: absolute;
	right: 30px;
	top: 25px;
}

#dax-overlay .dax-overlay-title {
	line-height: 60px;
	border-bottom: 1px solid #A7B1C2;
	text-align: center;
	font-size: 18px;
	color: #313C50;
}

#dax-overlay .dax-overlay-row {
	margin-top: 20px;
}

#dax-overlay .dax-overlay-row-title {
	margin-bottom: 5px;
}

#dax-overlay .dax-overlay-row-content {
	margin-bottom: 15px;
}

#dax-overlay .dax-overlay-button-row {
	padding-top: 20px;
	border-top: 1px solid #A7B1C2;
	margin-top: 20px;
}

#dax-overlay .dax-overlay-cancel {
	padding: 8px 15px;
	border-radius: 4px;
	width: initial;
	font-size: 13px;
	text-indent: 0;
	height: 36px;
	color: #333;
	background: #fff;
	border: 1px solid #dae3e9;
	margin-left: 20px;
}

#dax-overlay .dax-overlay-cancel:hover {
	background: #e6e6e6;
	border-color: #adadad;
}

#dax-overlay .dax-overlay-save {
	padding: 8px 15px;
	border-radius: 4px;
	width: initial;
	font-size: 13px;
	text-indent: 0;
	height: 36px;
	color: #fff;
	background: #6abfce;
}

#dax-overlay .dax-overlay-save:hover {
	background: #5eaab8;
}

#dax-overlay-confirm {
	background: transparent;
	z-index: 1050;
	position: fixed;
	width: calc(100% - 250px);
	left: 250px;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0;
}

#dax-overlay-confirm-wrap {
	width: 400px;
	position: relative;
	background-color: #fff;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 6px;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
	box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}

#dax-overlay-confirm .dax-overlay-cancel, #dax-overlay-confirm .dax-overlay-confirm-cancel
	{
	color: #333;
	background: #fff;
	border: 1px solid #dae3e9;
	margin-right: 20px;
	padding: 8px 15px;
	border-radius: 4px;
	width: initial;
	font-size: 13px;
	text-indent: 0;
	height: 36px;
}

#dax-overlay-confirm .dax-overlay-cancel:hover, #dax-overlay-confirm .dax-overlay-confirm-cancel:hover
	{
	background: #e6e6e6;
	border-color: #adadad;
}

#dax-overlay-confirm .dax-overlay-save, #dax-overlay-confirm .dax-overlay-confirm-save
	{
	padding: 8px 15px;
	border-radius: 4px;
	width: initial;
	font-size: 13px;
	text-indent: 0;
	height: 36px;
	background: linear-gradient(to bottom, #EC5C59, #E84744);
	border: 1px solid #EF2521;
}

#dax-overlay-confirm .dax-overlay-save:hover, #dax-overlay-confirm .dax-overlay-confirm-save:hover
	{
	background: linear-gradient(to bottom, #E94E4B, #E33734);
}

#dax-overlay input[type="text"], #dax-overlay input[type="password"] {
	height: 30px;
	border-radius: 3px;
	font-size: 14px;
}

#dax-overlay-confirm .confirm-title {
	font-size: 20px;
	margin-bottom: 20px;
}

#dax-overlay-confirm .confirm-content {
	margin-bottom: 20px;
}

#dax-overlay-fade-in {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 1040;
	background: #000;
	opacity: .5
}

#dax-notice {
	position: fixed;
	bottom: 10px;
	color: #FFF;
	left: 50%;
	background: rgba(0, 0, 0, 0.7);
	height: 0;
	font-size: 20px;
	line-height: 48px;
	overflow: hidden;
	padding: 0 20px;
	border-radius: 3px;
	z-index: 1051;
}

#dax-overlay textarea {
	margin: 12px 0;
}

#dax-overlay input[type="checkbox"] {
	display: none;
}

#dax-overlay .checkbox-label {
	height: 22px;
	width: 22px;
	text-align: center;
	vertical-align: middle;
	line-height: 22px;
	margin-top: 2px;
	margin-right: 20px;
	border: none;
	cursor: pointer;
	border-radius: 3px;
	background: #fff;
	box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05);
	font-size: 12px;
	font-weight: 100;
	border: 1px solid #ccc;
}

#dax-overlay .checkbox-label:hover {
	border-color: #6abfce;
}

#dax-overlay input[type='checkbox']:checked+label {
	background: #6abfce;
}

#dax-overlay input[type='checkbox']:checked+label:after {
	content: "\f00c";
	color: #fff;
	font-family: FontAwesome;
	position: relative;
	top: -1px;
}

textarea {
	border: 1px solid #c4cdd5;
	width: 100%;
	outline: none;
	padding: 5px 10px;
	border-radius: 2px;
}

dropdown-menu::before {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ccc;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	position: absolute;
	top: -7px;
	left: 30%;
}

.select-wrap {
	color: #1A1A19;
	border-color: #D3DBE2;
	border: 1px solid #dae3e9;
	position: relative;
	overflow: hidden;
	display: block;
	border-radius: 4px;
}

.select-wrap::after {
	content: "\f0dc";
	font-size: 12px;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	position: absolute;
	right: 10px;
	bottom: 0;
	pointer-events: none;
	display: block;
	top: 14px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.select-wrap:hover {
	border: 1px solid #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
		rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
		rgba(102, 175, 233, .6);
}

.select-wrap select {
	height: 34px;
	line-height: 34px;
	display: inline-block;
	margin: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding-left: 0;
	border: none;
	background: #fff;
	width: 168px;
}

.select-wrap select::after {
	content: "\f0dc";
	font-size: 12px;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	position: absolute;
	right: 10px;
	bottom: 0;
	pointer-events: none;
	display: block;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media ( max-width : 767px) {
	#sidebar-nav-1 {
		display: none;
	}
	.content-top .navbar-toggle-menu-bar {
		display: block;
		cursor: pointer;
	}
	#sidebar-wrapper {
		width: 0;
	}
	#content-wrapper {
		width: 100%;
		left: 0;
	}
	#content-wrapper .account-section {
		display: none;
	}
	.header-title {
		font-size: 14px;
	}
	#dax-overlay-confirm {
		left: 0;
		width: 100%;
	}
}

/** Navigation Bar Account Info **/
.name-message .abbreviation {
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
}

.name-message .abbreviation span.top {
	background-color: #fff;
	color: #333;
	border-radius: 38px;
	height: 26px;
	font-size: 12px;
	display: inline-block;
	width: 26px;
	text-align: center;
	line-height: 26px;
	margin-right: 6px;
}

.name-message .abbreviation span.scrolling {
	background-color: #333;
	color: #fff;
	border-radius: 38px;
	height: 26px;
	font-size: 12px;
	display: inline-block;
	width: 26px;
	text-align: center;
	line-height: 26px;
}

.name-message .abbreviation span.news-notification {
	font-size: 6px;
	display: inline-block;
	position: absolute;
	left: 36px;
	top: 12px;
	border: 1px solid #fff;
	border-radius: 34px;
	height: 10px;
	width: 10px;
	background-color: #3598FF;
}

.name-message .abbreviation span.news-notification.active {
	border: 1px solid transparent;
}

.nav-display-abbreviation{
	display: none;
}

.nav>li>a {
	padding: 10px 8px;
}

.avatar-photo.nav{
	border-radius: 38px;
	width: 26px;
	height: 26px;
	margin-bottom: 3px;
}

.alert-site-maintenance {
	color: #fff;
	background-color: #EF6454;
	border-style: none;
	text-align: center;
    font-size: 15px;
    position: unset;
    right: 20px;
    border-radius: unset;
    padding: 12px;
    margin-top: unset;
    margin-left: unset;
}

.alert-site-maintenance #close-alert-site-bar {
	color: #fff;
	border-radius: unset;
}

.alert-site-maintenance>span{
	font-weight: 400;
}

.alert-promote {
	color: #fff;
	font-size: 15px;
	padding: 12px;
	border-style: none; 
	position : unset;
	right: unset;
	border-radius: unset;
	margin-top: unset;
	margin-left: unset;
	text-align: center;
	position: unset;
	background: linear-gradient(to right, #2744A1, #4BC9E2);
}

.alert-promote>span{
	color: #fff;
}

.alert-promote>span>a {
	color: #fff;
}

/* page bottom */
.page-bottom {
	background-color: #141B25 !important;
	padding: 50px 0 0px 0 !important;
}

@media (max-width: 767px) {
	.name-message .abbreviation span.top {
		display: none;
	}
	.nav-display-abbreviation{
		background-color: #fff;
    	color: #333;
    	border-radius: 38px;
    	height: 26px;
    	font-size: 12px;
    	display: inline-block;
    	width: 26px;
    	text-align: center;
    	line-height: 26px;
    	margin-right: 6px;
	}
	.nav-display-detial{
		display: none;
	}
}