* {
	box-sizing:border-box;
}

html,body{
	background:url(../images/bg.gif) repeat-x #f1f3f5;
	padding:0;
	margin:0;
	font:normal 12px Arial;
	color:#282828
}

img{
	border:none
}

a{
	text-decoration:none;
	color:#316c01;

}

a.hover {

	background-color:#126ba2

}

.opacityOverlay {
	
	opacity: .5;
	filter: alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	background-color:#5c89a3;
	
	width: 100%;
	height: 100%;
	z-index: 1;
	position: fixed;
	left: 0px;
	top: 0px;
	
	display: none;
	}

    .loadDiv {
    	position:absolute;
  	width:50%;
	height: 50%;
    	z-index: 2;
        bottom: 50%;
        right: 50%;
        
        display: none;
    }
    .loadContent {
    text-align: center;
        left: 50%;
        position: relative;
        top: 50%;
        padding-top:25%;
    }

button {
	padding: 0px;
	cursor:pointer;	
}





a:hover{
	color:#1a3a00
}

.container{
	/*width:990px;
	margin:0 auto;*/
	padding:15px 0
}

.webtogo{
	height:84px;
	padding:0 15px;
	margin:0 auto;
	width:990px;
	background-color: #dde9f8;
}

.webtogo ul, .webtogo ol{
	padding:0;
	margin:0;
	list-style:none
}

.webtogo ul{
	float:left
}

.webtogo ol{
	float:right
}

.webtogo ul li, .webtogo ol li{
	float:left;
	font:normal 11px Arial;
	color:#5c89a3
}

.webtogo ul li a{
	display:block;
	float:left;
	background:url(../images/a2.gif) top right no-repeat #97a2af;
	padding:0 5px 0 0;
	margin:0 8px 0 0;
	text-decoration:none;
	color:#dadfe4
}

.webtogo ul li a strong{
	display:block;
	background:url(../images/a.gif) no-repeat;
	padding:0 0 0 5px;
	font:normal 11px Arial;
	line-height:18px
}

.webtogo ul li a:hover, .webtogo ul li a.active{
	background:url(../images/a4.gif) top right no-repeat #3962b5;
	color:#fff
}

.webtogo ul li a:hover strong, .webtogo ul li a.active strong{
	background:url(../images/a3.gif) no-repeat
}

.webtogo ul li a:hover{
	color:#fff
}

.webtogo ol li a{
	padding:0 3px;
	text-decoration:none;
	color:#1b5978
}

.webtogo ol li a:hover{
	color:#001722
}

.webtogo h1{
	float:left;
	margin:15px 0 0 0;
	font:normal 28px Verdana;
	color:#000
}

.webtogo h1 span{
	font:normal 11px Arial
}

.webtogo h1 span a{
	text-decoration:none;
	color:#1b5978
}

.webtogo h1 span a:hover{
	color:#000
}

.webtogo h2{
	float:right;
	margin:15px 0 0 0;
	font:normal 11px Arial;
	color:#1b5978
}

.companyList{
	border:1px solid #43697c
}

.navMenu{
	background:url(../images/bgMainNav.gif) repeat-x;
	width:100%;
	height:34px;
	margin:0;
	padding-top:5px
}

.navSubMenu{
	background:url(../images/bgSubNav.gif) repeat-x #9aa3aa;
	width:100%;
	/*height:34px;*/
	margin:0;
	padding-top:3px
}

.nav{
	padding:0;
	list-style:none;
	margin:0 auto;
	width:990px
}

.nav li{
	float:left;
	margin:0 1px 0 0
}

.nav li a{
	display:block;
	float:left;
	text-decoration:none
}

.nav li a strong{
	display:block;
	padding:0 13px 0 15px;
	font:bold 12px Arial;
	color:#fff;
	line-height:28px
}

.nav li a:hover, .nav li a.active{
	background:url(../images/b.gif) no-repeat
}

.nav li a:hover strong, .nav li a.active strong{
	background:url(../images/b2.gif) top right no-repeat
}

.mainContent{
	background:#fff;
	float:left;
	width:750px;
	padding:15px;
	margin:20px 0 0 0;
}

.termContent{
	background:#fff;
	float:middle;
	width:95%;
	padding:15px;
	margin: 0px auto;;
}

.content{
	background:#fff;
	padding:15px;
	margin:20px 0 0 0
}

.contentWrapper{
	width:1050px;
	margin:0 auto;
}

.termWrapper{
	width:98%;
	float:middle;
	margin:0 auto;
}

.mainContent h3{
	background:#efefef;
	padding:0 0 0 15px;
	margin:0;
	font:bold 14px Arial;
	color:#194297;
	line-height:30px
}

.mainContent h3 a{
	color:#194297;
}
.mainContent h4{
	background:#dde9f8;
	padding:0 0 0 15px;
	margin:10px 0 0 0;
	font:bold 12px Arial;
	color:#194297;
	line-height:30px
}

.pageList{
	padding:0;
	margin:0 0 15px 0;
	list-style:none
}

.pageList li{
	padding:0 0 0 20px;
	border-bottom:1px solid #efefef;
	line-height:26px
}

.pageList li.last{
	border-bottom:none
}

.pageList li a{
	text-decoration:none;
	color:#282828
}

.pageList li a:hover{
	color:#355daf
}

.pageList li span{
	font:normal 10px Arial;
	color:#365eb1
}

.pageList li span a{
	color:#365eb1
}

.pageList li span a:hover{
	color:#000
}

.sidenav{
	float:right;
	width:230px;
	margin:20px 0 0 0
}

.sidenav h1{
	margin:0
}

.sidenav h2{
	background:#dde9f8;
	margin:10px 0 0 0;
	text-align:center;
	font:bold 14px Arial;
	color:#010101;
	line-height:30px
}

.sidenav h3{
	background:#dde9f8;
	margin:0;
	padding:0 0 0 10px;
	font:bold 12px Arial;
	color:#010101;
	line-height:30px
}


.sidenav ul, .sidenav ol{
	padding:0;
	margin:0;
	list-style:none
}



.sidenav ul li, .sidenav ol li{
	background:url(../images/bgHr.gif) bottom repeat-x;
	padding:8px 0 10px 10px;
	font:normal 12px Arial
}

.sidenav ul li img{
	float:left
}

.sidenav ul li span{
	display:block;
	float:right;
	padding:2px 0 0 0;
	width:175px;
	font:normal 11px Arial;
	color:#386c00
}

.sidenav ul li span strong, .sidenav ol li span strong{
	display:block;
	font:bold 12px Arial;
	color:#43697c
}

.sidenav ul li span a strong, .sidenav ol li span a strong{
	color:#43697c
}

.sidenav ul li span a, .sidenav ol li span a{
	text-decoration:none;
	color:#386c00
}

.sidenav ul li span a:hover, .sidenav ul li span a:hover strong, .sidenav ol li span a:hover, .sidenav ol li span a:hover strong{
	color:#0e3b52
}

.sidenav ol li img{
	float:left;
	border:2px solid #fff
}

.sidenav ol li span{
	display:block;
	float:right;
	padding:2px 0 0 0;
	width:140px;
	font:normal 11px Arial;
	color:#386c00
}

.sidenav ol li span a.delete{
	color:#cf421d
}

.sidenav ol li span a.delete:hover{
	color:#6b1701
}

.pageTitle{
	background:#efefef;
	padding:8px 10px
}

.pageTitle h1{
	float:left;
	margin:0;
	font:normal 12px Arial;
	color:#194297
}

.pageTitle ul{
	float:right;
	margin:0;
	padding:0;
	list-style:none;
	color:#757575
}

.pageTitle ul li{
	display:inline;
}

.pageTitle ul li a{
	text-decoration:none;
	font:bold 11px Arial;
	color:#757575
}

.pageTitle ul li a.active{
	font:normal 11px Arial
}

.pageTitle ul li a:hover{
	color:#000
}

.pagination{
	float:right;
	padding:0;
	margin:15px 0;
	list-style:none
}

.pagination li{
	float:left;
	margin:0 1px 0 0;
	font:normal 11px Arial;
	line-height:16px
}

.pagination li a{
	display:block;
	float:left;
	padding:0 5px;
	text-decoration:none;
	font:bold 11px Arial;
	color:#848484;
	line-height:16px
}

.pagination li a:hover, .pagination li a.active{
	background:#d1deeb;
	color:#3b64b7
}

.companiesTable th{
	background:#b7dcff;
	font:bold 12px Arial;
	color:#fff
}

.companiesTable td{
	font:normal 11px Arial;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	color:#4a4949
}

.companiesTable tr.oddRow td{
	background:#f3f4f6;
	border-top:1px solid #e1e3ef;
	border-bottom:1px solid #e1e3ef
}

.companiesTable tr:hover td{
	background:#dceeff
}

.companiesTable td a{
	text-decoration:none;
	color:#2b5d09
}

.companiesTable td a:hover{
	color:#0d2100
}

.subNav{
	padding:0;
	margin:0 0 0 5px;
	list-style:none;
	width:990px;
	margin:0 auto
}

.subNav li{
	float:left;
	border-right:1px solid #7b8386;
	margin:9px 0
}

.subNav li.last{
	border-right:none
}

.subNav li a{
	display:block;
	float:left;
	margin:0 4px;
	padding:0 4px;
	text-decoration:none;
	font: normal 11px Arial;
	color:#fff;
	line-height:16px
}

.subNav li a:hover, .subNav li a.active{
	background:#79838e
}

.downloadsBox{
	background:#f2ffe8;
	border:1px solid #d1ebb2;
	padding:0 10px;
	margin:1px 0 0 0;
	font:bold 12px Arial
}

.dateList{
	border:1px solid #cfd8cc;
	padding:2px
}

.selectionList{
	float:left;
	padding:0;
	margin:15px 0;
	list-style:none;
	font:normal 11px Arial
}

.selectionList li{
	float:left;
	margin:0 2px
}

.selectionList li a{
	text-decoration:none;
	font:bold 11px Arial;
	color:#316c01
}

.selectionList li a:hover{
	color:#132b00
}

.selectionList li a.delete{
	color:#cf421d
}

.selectionList li a.delete:hover{
	color:#7f1b00
}

.imageNote{
	background:url(../images/warning.png) 5px 2px no-repeat;
	padding:0 0 0 25px;
	margin:10px 0 25px 0
}

ul.uploadImageNote{
	background:#f2e6d0;
	padding:10px 10px 0 35px;
	margin:1px 0 10px 0;
	list-style:url(../images/warning.png)
}

ul.uploadImageNote li{
	background:none;
	padding:0 0 10px 0
}

.uploadButtons{
	margin:5px 0;
	text-align:right
}

.metaBox{
	background:#f1f6fc;
	padding:10px;
	margin:0 0 15px 0
}

.label{
	text-align:right
}

.inputMeta{
	border-top:1px solid #8d8d8d;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #8d8d8d;
	width:200px
}

.inputContent{
	border-top:1px solid #8d8d8d;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #8d8d8d;
	width:400px
}

input[type=text]{
	border-top:1px solid #8d8d8d;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #8d8d8d;
}

input[type=submit] {
	cursor: pointer; cursor: hand;
}

input[type=reset] {
	cursor: pointer; cursor: hand;
}

textarea {
    resize: none;
}

.btnBlue{
	background-color:#126ba2;
	color:#fff;
	border:1px solid #88a6cc;
	vertical-align:middle;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:11px;
	padding: 4px;
}


.btnBlue:hover{	
	background-color:#499ac3;
}

a.btnBlue{
	background-color:#126ba2;
	color:#fff;
	border:1px solid #88a6cc;
	vertical-align:middle;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:11px;
	padding: 5px;
}


a.btnBlue:hover{	
	background-color:#499ac3;
}

.btnRed{
	background:url(../images/bgBtnRed.jpg) repeat-x;
	height:24px;
	color:#fff;
	border:1px solid #ec5730;
	vertical-align:middle;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:11px
}

.clear{
	clear:both
}


.clearfix {display: inline-block;}  /* for IE/Mac */

/* table */
.tblSettings{
	border:0;
}

.tblSettings td{
	padding:5px;
	color:#434242;
	vertical-align:top
}

.RightLine{
	background:url(../images/bgLine.gif) left center repeat-x;
	height:16px;
}

.right{text-align:right}
.center{text-align:center}

.w50{width:50px;}
.w80{width:80px;}
.w100{width:100px;}
.w150{width:150px;}
.w200{width:200px;}
.w385{width:385px;}

.required{color:#ca3f19}

.blue{color:#345cad}
.blue01{color:#43697c}
.blueGreen{color:#43697c}
.green{color:#316c01}
.gray01{color:#969696}

.font11{font-size:11px}
.font33{font-size:33px}


.sortItemContent{
	background:#fff;
	float:left;
	width:715px;
	padding:15px;
	margin:20px 0 0 0;
}

.sortItemContent ul{
	padding:0;
	margin:0;
	list-style:none
}



.sortItemContent ul li{
	background:url(../images/bgHr.gif) bottom repeat-x;
	padding:8px 0 10px 10px;
	font:normal 12px Arial
	
}

.shortDes {

	font-size:10px;


}

tr.bgOtherField td {background: #edf0ef; padding: 10px 6px; margin: 8px 0; border-bottom: 3px solid #ffffff;}

tr.bgOtherField table tr td {background: #edf0ef; padding: 4px; margin: 8px 0;border: none;}

.label-primary {
  background-color: #337ab7;
}

.label {
  /*display: inline;*/
  padding: .2em .6em .3em;
  //font-size: 75%;
  font-weight: bold;
  line-height: 1;
  /*color: #fff;*/
  text-align: left;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
  margin: 3px 3px 3px 3px;
  
  display:block;
  word-wrap:break-word;
  max-width:350px;
  white-space:normal;
  
  
}

.transparentbutton {
	background-color: Transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    outline:none;
}

.item{
	margin-bottom:30px
}

.items{
	border:1px solid #dcdfe2;
	border-collapse: collapse;

}

.items th{
	background:#e1e6ea;
	padding:7px 0;
	font:bold 12px Arial;
	color:#144772;
	border:1px solid #dcdfe2;
}


.items th.nobold{
	background:#e1e6ea;
	padding:7px 2px;
	font:normal 12px Arial;
	color:#144772;
	border:1px solid #eff3f6;
}

.items tr.even td{
	background:#f7f9fa
}

.items td{
	border-bottom:1px solid #dcdfe2;
	font:normal 12px Arial;
	text-align:right;
	padding:5px 1px;
	border:1px solid #dcdfe2;
}

.items td a{
	text-decoration:none;
	padding:0 2px
}

.items td a:hover{
	background:#097e54;
	text-decoration:none;
	color:#fff
}

.items td.left{
	text-align:left
}

.items td.center{
	text-align:center
}

.items td.leftwithpadding{
	text-align:left;
	padding-left:10px
}

.card-container {
	display:block;
	margin:1rem 0;
}

.card-container:after, .card-container:before {
	clear:both;
	display:table;
	content:"";
	padding-left:15px;
}

.card-item {
	float:left;
	min-width:32%;
	padding:8px;
	border:1px solid #d4d4d4;
	border-radius:.35rem;
	margin-right:2%;
	position:relative;
}

.card-item:last-child {
	margin-right:0;
}

.card-title {
	font-size:14px;
	margin-bottom:2rem;
}

.card-body-value {
	margin-bottom:1rem;
	font-size:14px;
	font-weight:700;
}

.card-body-link {
	float:right;
}

.days-toggler {
	position:relative;
	display:-webkit-inline-box;
	display:-ms-inline-flexbox;
	display:inline-flex;
	vertical-align:middle;
	float:left;
	margin:12px 0;
}

.toggle-radio:checked + label, .toggle-radio:not(:checked) + label {
	background-image:none;
	cursor:pointer;
	position:relative;
	-webkit-box-flex:0;
	-ms-flex: 0 1 auto;
	flex:0 1 auto;
	display:inline-block;
	font-weight:400;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	border:1px solid transparent;
	padding:0 .75rem;
	font-size:14px;
	line-height:22px;
	transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.toggle-radio:checked + label {
	background-color:#194297;
	color:#fff;
	border-color:#194297;
}

.toggle-radio:not(:checked) + label {
	background-color:#fff;
	color:#194297;
	border-color:#194297;
}

.toggler-item:first-child .toggle-radio + label {
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
}

.toggler-item:last-child .toggle-radio + label {
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
}

.toggler-item input[type=radio] {
	position:absolute;
	clip:rect(0,0,0,0);
	pointer-events:none;
}

.date-dash {
	line-height:22px;
	font-size:14px;
	float:right;
}

.action-container {
	margin:12px 0;
}

.action-container a {
	padding:0 4px 0 0;
}

.tab-head {
	overflow:hidden;
}

.tab-head button {
	background-color:#fff;
	float:left;
	border:none;
	outline:none;
	cursor:pointer;
	padding:4px 8px;
	transition:0.3s;
	margin:0 4px 0 0;
	line-height:22px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.tab-head button:hover, .tab-head button.active {
	background-color:#194297;
	color:#fff;
}

.tab-content {
	display:none;
	padding:10px 12px;
	border-top:1px solid #d4d4d4;
	animation: fadeEffect .3s;
}

.tab-content:after, .tab-content:before {
	content:"";
	display:table;
	clear:both;
}

@keyframes fadeEffect {
	from {opacity:0;}
	to {opacity:1;}
}

.filter-date{
	float:left;
}

.search-order {
	float:right;
}

.order-detail {
	margin:12px 0;
	padding:0 12px;
	border:1px solid #d4d4d4;
	border-radius:4px;
	display:inline-block;
}

.order-detail p span, .member-detail p span {
	font-weight:700;
	color:#194297;
}

.row:after, .row:before {
	content:"";
	display:table;
	clear:both;
}

.row > div {
	float:left;
	margin-right:1%;
}

.member-order-detail-table {
	width:64%;
}

.member-detail {
	width:34%;
	margin-right:0;
}

.member-detail p {
	padding:0 15px;
}

.card-item:after {
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	-webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
	position:absolute;
	top:15px;
	right:15px;
	font-size:18px;
}

.total-order:after {
	content:"\f022";
}

.transaction-count:after {
	content:"\f543";
}

.new-users:after {
	content:"\f500";
}